最优秀的数据可视化案例欣赏

优秀的可视化案例欣赏

    • 美国运通
    • 漏斗图
    • 能量预测
    • Bullseye
    • 雷达预算图
    • 城市统计数据可视化
    • 实时游戏数据
    • 能量监测
    • 自定义分析
    • 电力图表
    • 如何可视化您的数据?

数据是新的生产资料,如果您无法以直观的方式显示数据,那么它基本上是无用的。没有人会在看到一个可视化产品时,还会花费很长时间听取对它的解释。另一方面,如果您的可视化特别聪明,互动且直观,那么它将立即鹤立鸡群。然而,要做到这一点并不容易。下面是来自世界上一些最优秀设计师的一系列数据可视化,看看能不能带给你启发。

美国运通

在这里插入图片描述
Credit: Jianqi Chen
美国运通允许用户将他们的支出组织成一组类别,并以各种方式呈现数据。用户可以比较类别以广泛了解他们的消费习惯,然后快速隔离数据集以了解详细信息。设计清晰直观,没有任何不必要的图形,因此观众可以随心所欲地获取他们想要的信息。

漏斗图

在这里插入图片描述
Credit: Jesper Hansen
漏斗图的形式和色调对比是使用视觉层次结构的一个很好的例子。图表立即传达一般信息,而具体数字则巧妙地放在背景中。但是,如果用户可以隔离其中一个类别以获取有关数据的更多详细信息,那会更好。

能量预测

在这里插入图片描述
Credit: Kingyo
中国工作室Kingyo是能源数据的设计大师。这个界面是他们工作的一个很好的例子,它通常将颜色基础和视觉层次结构与动画结合起来,以产生有效的结果。在这种情况下,图形清晰地位于前景中,红色文本立即吸引观众的眼睛。您还可以隔离每个类别以获取更具体的信息,而不是一次在屏幕上显示所有数据。

Bullseye

在这里插入图片描述
图片来源: Zach Robinson
Zach Robinson向我们展示了一个界面,它不仅具有美学吸引力,而且还允许用户分享有关数据的想法。如果用户只想与数字进行交互,则可以很好地隐藏其他聊天。由于直观的视觉层次结构,图形本身易于阅读。此外,颜色编码页面是一种简单但有效的方式来组织图形类型,而不必浪费大标题的视觉空间。

雷达预算图

在这里插入图片描述
图片来源: Creative Mints

雷达图覆盖多个数据集以揭示相应信息之间的关系。此类图表对财务界面很有效,因为它可以快速传达用户未根据预算进行支出的情况。预算对于日常用户来说可能是令人生畏的,因此数据可视化对于这类应用程序来说能体现重要价值。

城市统计数据可视化

在这里插入图片描述
图片来源: Bureau Oberhaeuser
Bureau Oberhaeuser使用这个交互式网络应用扩展了传统的雷达图。市政数据很复杂,但这个界面代表了那些尚未正式研究城市化的城市之间的差异。Bureau Oberhaeuser在没有客户的情况下建立了这个。这不仅代表了他们发展自己设计技能的愿望,也是他们为公益事业做好工作的一个例子。

实时游戏数据

在这里插入图片描述
图片来源: Kuba Bogaczynski

这种移动足球游戏允许用户使用中央雷达图来塑造他们的虚拟足球队。使用相同的雷达图形,游戏提供有关场上每个玩家的表现的数据。用户可以在游戏进行时匹配调整每个玩家以获胜。

能量监测

在这里插入图片描述
图片来源: Kingyo

数据可视化不仅可以很好地呈现复杂数据,而且还可以为用户解锁重要信息。在这种能量监测器的情况下,用户对他们节省多少能量感兴趣。问题是,对大多数人来说,千瓦时并不意味着什么。重要的是随着时间的推移以及如何将其转化为费用。这个界面非常完美。

自定义分析

在这里插入图片描述
图片来源: Cosmin Capitanu

此界面是一个数据的示例,由于清晰易读的文本和格式良好的布局,阅读愉快。侧边菜单表明界面完全可定制。因此,Cosmin Capitanu已经明确建立了强大的网格和配色方案,因此界面看起来会以各种格式呈现。

电力图表

在这里插入图片描述
图片来源: Kingyo

这套建筑能源数据非常简单,色彩和动画效果很好。图形显得简单,但设计师非常注重细微差别。例如,背景中的暗波赋予动画很多魅力。

如何可视化您的数据?

针对特定数据进行的专业数据可视化,几乎称得上艺术了。我们有在其他谢列的文章中讲到过设计的原则。但如果您有大量的数据需要进行可视化,图形的设计往往只是工作中的一小部分,数据处理可能会耗费你大量的精力。为什么不试试DataFocus 的搜索式数据分析呢?它有着难以置信的简单有优雅。
在这里插入图片描述


http://www.niftyadmin.cn/n/1127074.html

相关文章

讲道理,Python数据可视化是优雅的艺术

最近看《机器学习系统设计》…前两章。学到了一些用Matplotlib进行数据可视化的方法。在这里整理一下。 声明:由于本文的代码大部分是参考书中的例子,所以不提供完整代码,只提供示例片段,也就是只能看出某一部分用法,感…

通用表格打印1

//// // 通用表格打印// // 设计: 陈炎和 2011.03//using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Drawing;using System.Drawing.Printing;using System.Windows.Forms;using System.Collections;using System.Data;name…

解决qq 360共存的问题

估计装个qq2008就可以了 或者更早期的版本那个估计腾讯没限制住<script type"text/javascript"><!-- google_ad_client "pub-1985112462197986"; /* news1336x280, 创建于 10-11-4 */ google_ad_slot "8203141626"; google_ad_width…

2016年10大SEO趋势预测

针对很多人所说的老SEO已经死亡&#xff0c;转型&#xff0c;还是提倡新SEO&#xff0c;这都不是需要格外注意的东西&#xff0c;做好自己的能力&#xff0c;视野提升&#xff0c;储备下快速学习的能力。ASO也好&#xff0c;社交SEO也好或者是传统SEO也好&#xff0c;最重要的是…

数据可视化的最佳实践

许多DataFocus的用户都提到一件事&#xff0c;就是开发可视化作品变得更简单了&#xff0c;但是效果难以评估。本文翻译自toptal的博文&#xff0c;让我们来看看优秀的可视化实践是如何实现的吧。 “杂乱无章和令人困惑不是数据的属性 - 它们是设计的缺点。” - Edward Tufte …

FAQ系列 | MySQL索引之聚集索引

导读 在MySQL里&#xff0c;聚集索引和非聚集索引分别是什么意思&#xff0c;有什么区别&#xff1f; 在MySQL中&#xff0c;InnoDB引擎表是&#xff08;聚集&#xff09;索引组织表&#xff08;clustered index organize table&#xff09;&#xff0c;而MyISAM引擎表则是堆组…

如何提高google  Adsense 点击量

Adsense不扣量&#xff0c;的确是最值得选择的&#xff0c;也是最多站长选择的广告联盟。很多站长问我&#xff0c;如何提高adsence收入?我这里有4种经过证实行之有效的方法介绍给大家。 1 专注于最佳表现形式的AdSense广告。 目前共有12种不同的AdSense广告格式&#xff0c;站…

最佳窗体间传送数据的方法,同时可适用于其他传值方式

大家都知道aspx在同一个页面中传值是很容易的(如textBox1.Text等)但有时必须向另一个页面传值用以前asp的方法的确觉得不怎么样,还要用Request.Form等东西好象又回到了从前。我这里使用一个类的静态属性作为两个类的外的全局变量实现了两个页面间传值.用此方法就可以实现隐藏传…