您会发现,除了典型用例之外,还有一些您经常看到但与数据可视化无关的应用程序。在接下来的几节中,我们将介绍其中的一些用途。
商业应用程序
图形小部件的“首选”实现方式之一是展示您的关键指标。对于企业来说,这在以吸引人的方式呈现数据方面显然是一大优势。条形图具有正确的轴值,易于阅读,有助于直观地显示一段时间内的销售趋势或比较不同的产品或服务。
Target是数百万家采用这种方式来展示年收入增长的公司之一:
Target 的财务绩效信息图显示了 2018 年至 2023 年的总收入、营业收入、净收益和稀释每股收益。条形图显示所有指标的同比增长,其中 2023 年以红色突出显示。每个类别都提供了绩效百分比和五年复合年增长率。
Target 使用条形图来比较多个数据点的同比表现。
这也展示了这些简单的演示如何说明不同指标之间的关系,例如客户 巴西 WhatsApp 购物数据 获取成本或终身价值。堆积条形图也可以显示这种类型的比较。WordPress 在插件目录中使用此方法来显示用户安装的插件版本的细目:
WordPress 插件的高级屏幕,显示活跃版本、每日下载量图表和插件详细信息。这些详细信息包括版本号、活跃安装和评级。该插件拥有超过 400 万个活跃安装和 4.5 星评级。
WordPress 插件目录使用堆积条形图来显示用户下载了哪些版本。
如果企业想要展示有关其客户群的数据,饼图和环形图是很好的选择。通常,这些数据将按年龄、位置或其他相关因素进行细分。Elementor使用酷炫而独特的粒子可视化来突出显示其最大的用户群:

Elementor 网站展示了其社区中用户最多的国家/地区的粒子可视化。三个彩色圆圈代表美国(最大)、德国(中)和英国(最小)。装饰性的星座线连接着圆圈。
粒子效果也可用于数据可视化。Elementor 使用它来显示与其用户群相关的信息。
在其他情况下,您可以选择展示公司里程碑或项目进展。Flourish使用时间线来展示其历史,这可能会对品牌忠诚度产生影响:
时间线展示了数据可视化工具 Flourish 的演变。关键里程碑包括 2016 年的初始构想、2017 年的开发人员 SDK 以及 2018 年 Flourish 编辑器的发布。时间线还展示了 2016 年数据叙事方面的困难以及 2018 年向记者的推广。
Flourish 网站使用有吸引力的时间线显示来展示其历史。
事实上,电子商务与一般商业应用并行运行,因此这里的一切也适用于商店。即便如此,这个行业也有特定的数据可视化方法。
电子商务指标
购买决策通常需要几秒钟的深思熟虑,因此快速向客户提供正确的信息至关重要。使用条形图或雷达图进行产品比较可以帮助您比较不同产品的功能或规格,但这仅仅是开始。
例如,SRFACE使用交互式样式指南来解释其潜水服的规格并直观地展示每种款式的外观:
女士黑色潜水服产品页面的 GIF。其中显示了潜水服的图片、定价信息、尺寸和厚度选项以及产品详细信息(例如运输和保修信息)。在整个过程中,用户可浏览屏幕上显示的尺寸、款式和产品信息。
交互式风格指南可以为电子商务商店带来巨大好处,因为它们可以为潜在客户提供更加身临其境的体验。
它类似于商业应用程序,但您也可以使用图表和图形来帮助访问者了解产品采用的趋势。WordPress主题目录使用条形图来实现这一点:
柱状图显示了一段时间内 WordPress 主题的每日下载量。图表显示活跃安装量超过一百万。下载量波动较大,几次高峰达到每天约 12,000 次下载,中间穿插着每日下载量约 6,000-8,000 次的低活动期。X 轴跨越 2023 年 11 月至 2024 年 7 月。
WordPress 主题目录包含一个条形图,显示每个主题随时间变化的下载数据。
您可以将图形小部件放在任何原本要使用文本的地方。例如,许多电子商务商店使用简单的对比文本进行库存计算。但是,进度条可能更适合这里,因为它也可以增加销售的紧迫性。
实时指标跟踪
实时可视化给人一种激动人心的感觉,因为您可以看到所 跟踪指标的实时进展。 慈善机构和非营利组织经常使用这些类型的图形小部件。
GoFundMe是全球最大的众筹平台,每个筹款人都会获得一个温度计或进度跟踪条,随着目标的临近,温度计或进度跟踪条会填满:
GoFundMe 为女子少棒垒球队筹款的页面。页面展示了身着制服的少女们举着中央少棒垒球冠军横幅的团队照片。筹款活动已筹集到 2,450 美元,目标为 12,000 美元,以帮助该队进入少棒世界大赛。
流行的众筹平台 GoFundMe 使用进度条和温度计可视化来显示筹款活动距离完成还有多远。
动画计数器或信息图表可以帮助展示您的产品和服务的实时影响。例如,WordPress.org主网站有一个专门的页面来显示每分钟更新的核心平台的下载次数:
深色主题的网页显示 WordPress 6.6 的下载次数为 44,316,991。页面顶部有发布、夜间、计数器和来源的导航链接。几秒钟后,数字会增加,显示下载次数的实时更新。
WordPress.org 的下载计数器每分钟更新一次当前运行总数。
Kinsta甚至使用统计图表来帮助您监控网站在我们不同服务中的正常运行时间:
Kinsta 状态页面的正常运行时间报告显示,Kinsta.com 主站点和联盟仪表板在 90 天内的正常运行时间为 100%。MyKinsta 仪表板的正常运行时间为 99.89%,只有几次短暂的中断(用红色和黄色条表示)。
Kinsta 的状态页面提供了一个显示任何长时间停机时间的统计图表。
这种“实时”更新策略除了炫耀和炫耀之外,还有实际用途。在某些情况下,您需要掌握某些指标的最新知识。
内部分析
性能监控的范围很广。它可以是一线、KPI 测量策略,也可以是特定指标的个性化概览。Google Analytics就是一个很好的例子,它以引人入胜的方式展示了丰富的利基网站数据:
Google Analytics 仪表板显示实时网站流量数据。界面显示一张世界地图,其中包含用户位置、活跃用户数量以及随时间变化的用户活动图表。侧边栏显示各种报告类别和指标,例如用户来源和页面浏览量。
Google Analytics 将许多不同类型的数据可视化塞进一个页面上。
Google Lighthouse审计应用程序DeploymentHawk使用多种不同的图表、图形、计数器等来处理数字并可视化报告结果:
DeploymentHawk 仪表板显示网站性能指标,包括性能 (96)、可访问性 (96)、最佳实践 (95) 和 SEO (100) 的得分。还显示了其他性能指标,例如首次内容绘制和最大内容绘制。
DeploymentHawk 应用程序获取 Google Lighthouse 数据并使用自定义图表、图形和计数器呈现它。
Kinsta应用程序性能监控 (APM) 工具和MyKinsta仪表板也可以做到这一点,根据您需要查看的指标使用许多不同的数据可视化类型:
MyKinsta 仪表板界面。它显示各种指标和图表,包括 WordPress 网站的资源使用情况、带宽、访问量和 CDN 使用情况。左侧边栏显示不同托管服务的导航选项。
MyKinsta 仪表板显示基于站点数据的各种图表和图形。
如果您有完成目标,游戏化总能帮到您。Todoist使用基本的条形图和折线图以及“业力”积分系统来实现这一点:
Todoist 仪表板显示已完成 4744 项任务。圆形进度指示器显示已完成 26/30 项任务的周目标。其他指标包括连续信息和比较过去 4 周任务完成情况的条形图。
Todoist 应用程序使用游戏化技术来确保您以最高效率完成任务。
最后,一些非营利组织会公开其内部调查结果。这在面向公众的展示和使用数据作为内部晴雨表之间形成了独特的二分法。例如,盖茨基金会将其内部理念和愿景应用于未来,从而创造了一个预测统计的绝佳例子:
这张图表展示了通过创新可及性挽救数百万人生命的机会。堆积面积图预测到 2030 年将挽救 200 万人的生命,到 2040 年将挽救 640 万人的生命,按地区细分:撒哈拉以南非洲、南亚和其他中低收入国家。
盖茨基金会使用独特的条形图来帮助推动其哲学和行动。
借助可视化类型和应用程序的灵活性,您还可以利用图形小部件的适应性。本文的其余部分将向您展示如何在 WordPress 中执行此操作。