瑜伽论坛

注册

 

发新话题 回复该主题

最流行的数据可视化工具D3 [复制链接]

1#

春运将到,公司不仅正式上线“360手机浏览器抢票专版”,还继百度发布“春运大数据可视化地图系统”。这个可视化系统是做什么的?据总工程师王银华介绍,“结合铁道部和抢票大数据,计算出不同列车车次的客运流向与运行热度。通过该系统,用户可以直观看到各个线路的繁忙程度与流量特点,同时也能从中感受到不同列车车次的抢票难度。”

可视化是一个比较火的概念,它是将数据展现为直观的图形,以帮助理解和记忆。可视化历史久远,广泛应用于地图、统计等领域。如下图,将大量数据通过一张炫酷的图来表达。

可视化在现代科学中有三个主要分支

?科学可视化(ScientificVisualization)。主要用于处理科学数据,如地理信息、医疗数据等,以自然科学领域为主。我们日常接触到的地图、气象图、CT等都属于典型的科学可视化。

?信息可视化(InformationVisualization)。主要用于处理抽象的、非结构化、非几何的抽象数据,如金融交易、社交网络和文本数据。传统的信息可视化起源于统计图形学,又与信息图形、视觉设计等现代技术相关。EXCEL中的饼图、柱形图、折线图之类是我们每天都可能接触到的信息可视化作品。

?可视化分析(VisualAnalytics)。以可视交互界面为基础进行分析推理,综合图形学、数据挖掘和人机交互等技术。可视分析学是综合性学科,与多个领域相关:在可视化领域,有信息可视化、科学可视化与计算机图形学;与数据分析相关的领域包括信息获取、数据处理和数据挖掘;而在交互方面,则有人机交互、认知科学和感知等学科融合。简单理解,看K线图分析股价涨跌背后的规律应该是最常见的可视化分析。

光讲理论有什么用,那些酷炫的图是怎么做出来的?

安利一个工具库——D3.js

D3.js是最好的数据可视化工具库,运行在JavaScript上,并使用HTML,CSS和SVG。D3.js是开源工具,使用数据驱动的方式创建漂亮的网页,可实现实时交互。通俗点,就是网页制图,生成互动图。

优点

与其他js实现制图的方式不同,D3是一个对数据的操作的API。它将数据和网页SVG绑在了一起,当你的数据发生变化时,图表会同步更新。比如一个数据数组和SVG柱状图中相应y坐标绑定,如果这个数组的元素设为随机变量,定时变化,那么你看到的柱状图也会是不断变化的动态图效果。

可以接受海量数据的可视化显示和动态更新。

可以高效操作大数据文档(大多为json格式),支持大数据集的动态交互和动画效果。

在借助不同的插件或组件的情况下,D3的设计风格允许使用代码重复。

在github上可以找到很多例子,D3的灵活性,它的随意绑定数据和元素,以及漂亮的可动性效果展示一定会让你大吃一惊。

推荐大家一本书

《精通D3.js:交互式数据可视化高级编程》,这本书需要一点计算机基础来读,C、C++、Java、JavaScript等至少一门编程语言,能够理解基础的数据结构和算法。内容是由易到难,循序渐进,图文并茂,清晰易懂。是一本可视化的入门书籍。

来源:网络综合

长按识别

分享 转发
TOP
发新话题 回复该主题