分享

可视化数据图表要怎么做才好看?

 剩矿空钱 2017-12-03

相对于一般静态的文字、数字图片而言。可视化产品不仅更为直观,便于理解和记忆,还可以提供实时的动态监测。今天就来为大家揭揭秘,为什么有的可视化系统、报告更好看?

  可视化是近些年来比较火的概念,它是将数据展现为直观的图形可视化历史久远,广泛应用于地图、统计等领域。

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

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

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

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

  数据可视化作为大数据应用的一个分支,随着大数据时代的到来得到了飞速发展。不过,光讲理论有什么用,相信大家最好奇的还是那些酷炫的图是怎么做出来的?

  制图利器——D3.js

  随着大数据时代的到来,各种各样的开发库如雨后春笋般出现,单是前端方向就不下百种。

  D3.js是世界范围内最受广泛认可的前端可视化工具,Github上的排名就是有利的佐证。运行在Java上,并使用HTML,CSS和SVG。D3.js是开源工具,使用数据驱动的方式创建漂亮的网页,可实现实时交互。通俗点,就是网页制图,生成互动图。

  优点

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

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

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

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

  在我们的系统中,它的呈现是这样的。

  数据可视化为什么这么重要?

  事实上,D3也是目前最流行的数据可视化制作工具,不仅我们的产品会用到它,360发布的抢票助手——“春运大数据可视化地图系统”同样少不了他。据说,这个系统可以结合铁道部和360抢票大数据,计算出不同列车车次的客运流向与运行热度。通过该系统,用户可以直观看到各个线路的繁忙程度与流量特点,同时也能从中感受到不同列车车次的抢票难度。”可见,数据可视化与我们的日常生活息息相关。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多