前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >D3可视化:让您的仪表板更上一层楼

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

作者头像
佛壁灯
发布2018-05-29 17:53:02
5K0
发布2018-05-29 17:53:02

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

将您的可视化技术更上一层楼可以真正让您的数据发光。这就是为什么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 条评论
热度
最新
推荐阅读
目录
  • 为什么你应该使用D3?
  • 如何实现D3进行可视化数据
    • 通过Sankey图表了解您的数据流
      • 升级可视化使其动态化
        • 创建探索分层关系的图表
          • 可折叠树来映射层次结构和决策
            • 构建动态和交互式地图
            相关产品与服务
            大数据
            全栈大数据产品,面向海量数据场景,帮助您 “智理无数,心中有数”!
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档