D3可视化:让您的仪表板更上一层楼

无论您的公司在哪个行业运营都可能产生大量数据。从销售到人员再到库存,若企业能够正确解释并转化为可行建议,企业将创造出非常有价值的信息。商业智能与分析以此想法为中心,现在比以往任何时候都更能找到出色的方法以创造性方式查看与连接数据点。

将您的可视化技术更上一层楼可以真正让您的数据发光。这就是为什么D3以其更为动态格式显示您的数据集成为有价值的工具。

为什么你应该使用D3?

谈到在线分析,D3数据可视化为您提供了几个优于其他既有语言及编程典范的优势。有些程序包含更多开发库或视觉工具,而D3由于其适应性、易用性以及它几乎可以轻松整合与几乎所有基于Web的演示文稿格式集成的特性脱颖而出。Flare和Prefuse等语言提供了一些有用的工具,但需要插件才能在大多数现代浏览器上使用。而其他的根本就不那么灵活或可调。

D3基于JavaScript构建而成并利用了HTML、CSS和SVG的资源,因此您可以将任何可视化文件无缝集成至网页、仪表板或网站上。这不仅对于可视化很有用,开发时也非常有用,因为它还简化了在大多数浏览器的功能优化步骤 - 即使是针对诸如鼠标交互等任务。

D3迅速成为顶梁柱的最大原因之一可能听起来违反常识。D3不是图形库或数据处理实用程序。相反,它可被认为是介于两者之间的桥梁。D3的核心是可以轻松使用的低级非庞大框架来解释并操作数据的D3可视化工具。

您可以轻松处理大型数据集并使用少量资源分配创建流体动画和视觉样式并使用诸如SVG与CSS的外部堆栈工具永久修改视觉表现。对于数据可视化与解释等任务,D3打开了一系列的可能性,使您新建极具体的数据显示。

您应该记住,D3不是您可视化需求的全能修复工具。与其在每件事上都使用它并淡化其有效性,不如在寻找独特方式来显示数据或以创造性方式提供信息的不同诠释时使用D3。

D3的一大优点是,虽然它没有任何视觉资源,但D3是开源的,其相关社群已经创建了一些令人惊叹的视觉模板。如果您无法想象展示数据的原创方式,其他人可能已经拥有了节省您宝贵时间的想法,同时还为您提供了查找数据可视化解决方案的绝佳资源。

您也可以在处理明显更大的数据集或需要特定可视化数据表示时使用D3。

如何实现D3进行可视化数据

尽管有人认为学习曲线比正常情况更为陡峭,但D3 js可视化工具非常灵活且功能强大,可以在决定如何实现它们时为您提供创意许可。以下是一些使用D3增强数据可视化与仪表板的案例:

通过Sankey图表了解您的数据流

此类型的数据映射特别适用于测量网络流量,例如网络节点之间的数据流量,或者更为传统的能量流和消耗量。尽管一些分析套件已经包含了此类型图表的某些功能,但D3提供了分层、多种来源以及高亮显示独立流的功能。

此情况下,D3已经在资产文件夹中包含了几个简单插件。若您希望将插件集成到网站上,请下载插件资源并直接从您的CSS样式表中调用它:

随后您可以修改参数并将它们连接到数据库进行实时数据解释。

升级可视化使其动态化

D3图表可视化工具通过利用SVG甚至是Canvas的流体动力学使得静态图表栩栩如生。其中一个备受好评的D3使用案例是纽约时报在关于Facebook IPO的文章中使用的一张图表。虽然图表本身是一个简单的圆点图,但它使用了D3创建平滑过渡并添加动态元素。用户可以将鼠标悬停在特定点上查看特定信息,随后图表会以流动动画打开使其更具视觉吸引力。

纽约时报的例子使用Canvas而非SVG,这有利于栅格化矢量。但使用SVG可根据其可缩放图形及无损调整大小的能力提供相同的动态动画与可定制性。

创建探索分层关系的图表

虽然条形图、饼图、线图和点阵图对审阅数据而言非常有用,但是在检查来自各种相关来源的信息时,理解数据之间的分层交互可能极为有用。诸如强制定向网络或树形环一类的图表可以很好地表示来自同一分支内节点信息的可视化或理解不同数据点是如何连接并相互交互的。

树形图表传达了不同层次结构与数据交互关系,而强制定向网络则显示节点之间的连接和交互关系。使用D3可以使其变为动态图表,使您通过选择特定行数高亮显示单个节点、检查特定连接或了解不同分支上数据点间的关系。

可折叠树来映射层次结构和决策

一些数据涉及比较点的不同以基于不同决策观察多重结果。可折叠树是根据数据交互方式或决策制定方式形象化结果的绝佳方式。可折叠树让您在无需查看整棵树的情况下了解层次结构与潜在结果。通过此类型的数据可视化,D3提供了理解层次结构的能力,但同样可以根据数据创建潜在的决策树从而发展出轻松可行的结果。

构建动态和交互式地图

除了绘制解决方案和图表之外,D3还可以帮助您构建基于各种资产的可视化效果。由于D3不是一个图形库,所以您可以打造任意的可能性。一种流行的使用策略是采用D3地图可视化并创建可根据位置提供特定见解的交互式图表。使用D3的地图有包括悬停显示信息、缩放至特定区域及通过操作参数更改颜色的特性。

这不是一道杀手锏,但D3可以增强您现有的仪表板、向合作伙伴、员工及客户提供展示数据的新颖方法并提供有价值的数据分析工具。通过在最有效的地方实现D3可视化工具,您可以提高商业智能活动的效率并在特定介质中提供最有效的数据。

本文的版权归 佛壁灯 所有,如需转载请联系作者。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏ThoughtWorks

弯道超车!后端程序员的Angular快速指南|TW洞见

今日洞见 文章作者、图片来自ThoughtWorks:汪志成。部分图片来自网络。本文版权属ThoughtWorks公司所有,如需转载请在后台留言联系。 友情提示...

31810
来自专栏阮一峰的网络日志

网站的肥胖症危机

最近,有一篇文章正在疯传。 它是上个月,Maciej Ceglowski在澳大利亚的一次演讲,名为《网站的肥胖症危机》(文本,视频),反思了互联网开发的现状。 ...

3664
来自专栏Web 开发

迟到的WebRebuild年会手札~

所以,重构永远都需要,只有经历过重构的人,才会深刻体会到语义化的含义,体会到行为、样式分离的好处,体会到重构的好处。

930
来自专栏UML

ArchiMate 图示例:需求建模

ArchiMate是一种图形语言,为模型提供统一的表示,以支持完整的体系结构开发周期。它由一种核心语言组成,旨在描述实际体系结构(业务,信息系统和技术体系结构,...

2434
来自专栏互扯程序

设计图都不会画,还想做”架构师“?

什么是系统架构师? 系统架构师是一个既需要掌控整体又需要洞悉局部瓶颈并依据具体的业务场景给出解决方案的团队领导型人物。一个架构师得需要足够的想像力,能把各种目标...

7.7K9
来自专栏企鹅号快讯

12 月份新增开源项目:手机都可以变个人监控系统了?

摘要: 看看开源中国社区 12 月份有哪些值得关注的新增项目:有将手机变成个人监控系统的 Haven,有中文语音对话机器人项目 dingdang-robot,有...

2585
来自专栏hrscy

初识 Unity3D

早些年,游戏引擎市场的变化是非常大的,其中有一些比较出色的软件。比如 unreal,但是 unreal 走的商业模式针对的是大型的游戏公司,大公司通过购买序列号...

1653
来自专栏极乐技术社区

一周小程序【资讯教程Demo】更新

轻松一刻 请不要误导我,我懂二进制 ? 微信小程序官方更新 小程序能力升级 微信推出官方教学小程序:基础功能为主 面向中老年人群 资讯与教程 微信小程序开发问...

3727
来自专栏知晓程序

鹅厂美女工程师来告诉你,小程序码是如何「绽放」的 | 晓组织 #20

腾讯 CDC 全称为「用户研究与体验设计中心」,是腾讯公司级设计团队,致力于提升腾讯产品的用户体验,探索互联网生态体验创新。

1532
来自专栏QQ会员技术团队的专栏

小兴逛Google I/O 2017(day1实况)

陈志兴,Google I/O 2017大会的小时光茶社特派员 ,腾讯SNG增值产品部内容中心Android组leader,主要负责手Q个性化业务、手Q WebV...

2365

扫码关注云+社区

领取腾讯云代金券