30 个把数据可视化的简单工具sBig Data 的重要性与日俱增,许多企业的资料库内都收集了非常多消费者资料,但要将这一笔笔冷僻又繁杂的数字与名目资料转化为有价值、为企业带来效益的策略拟定参考,需要倚赖资料科学家的脑袋与适当的统计软体,再把结果图表化,让一般企业、大众都看的懂,也就是「看图说故事」与「数字会说话」两者的结合。
但有哪些简单又实用性高、不需要专业的编码知识、也不需要特别的训练就可以用的软体呢?以下介绍30 个着名的资料图表化软体给大家参考,想要让顾客听懂你在说什么、说服你的客户就靠它们了!1. iChartsiCharts 是能够连接市场研究出版者、经济及产业面的资料和专业的消费者的平台,拥有数以万计的图表,涵盖层面包刮商业、经济、运动和其他类别,它让大众能够简单的了解并能够跟上世界最新统计资料的脚步。
为了拥有庞大的资料量,它提供以云端为基础和受专利保护的图表工具,让企业和个人都能推出品牌、行销以及用图表分享他们的资料,透过网站分享给数百万的人。
很棒的是,iChart 提供免费帐户给使用者,让你能够使用基本的互动是图表,当你花钱购买更进阶的版本,你就能使用更多不同的功能;图表本身是具有互动性的,因此可以从Google Docs、Excel spreadsheet 和其他来源撷取。
2. Fusion Charts Suit XTFusion Charts Suit XT 是一个专业的、进阶版的JavaScript chart library,让我们能够建出任何形式的图表。
採用SVG(Scalable Vector Graphics,可缩放向量图形)和支持超过90 种以上的图表类型,包括3D、甘特图(gantt)、各种不同的压力表图(gauges chart)、漏斗图(funnel chart),甚至世界/ 各州/ 个国家的地图。
同样地,大部分的图表包含2D 及3D 的视图,图表是完全可客制化的,标籤、字体、边界等等全部都是可以依使用者作改变。
除此之外,他们也重视工具间的互动性,提示框(tooltips)、向下延伸资料(drill down)、可点选的图例关键字(legend keys)、缩放及上下捲动,以及一次按键进行图表输出或列印。
3. Modest MapsModest Maps 是一个小而可延伸、给想要使用互动式地图的设计师和开发者的免费的图书馆,提供核心设定在紧密、清楚的套件特色,拥有许多额外的功能。
4. Pizza Pie ChartPizza Pie Chart是建立在来自Adobe 的Snap SVG 结构基础上的圆饼图(pie chart),透过HTML 和CSS 而非JavaScript 物件,专注于进行简单的整合,但你仍可以透过JavaScript 物件连结到Pizza。
更方便的是,你可以传送饼图到任何有Pizza 的装置,在传送后,饼图会自动变成合适的大小形式,当然也可以固定它最大的长宽。
5. RawRaw是免费且开源的网站应用程式,为弹性地视觉化资料并尽可能以最简单的方式进行。
事实上它将自身定位为「弥补电子表格(spreadshit)应用程式和向量图表编辑之间的遗漏」,藉由下载资料设定、复制贴上或是拖曳资料,让我们能够客制化浏览或分层。
以受观迎的D3,js 为基础,支援各种不同的图表类型像是树状图、气泡图(bubble chart)等等,客户端安装Raw 是非常直接的。
6. LeafletLeaflet是现代化开源的JavaScript library,是为了手机优化的良好互动地图。
容量只占JavaScript 的31KB,拥有所有大部分开发商所需要线上地图的特色,Leaflet 融合了简单、效能及实用性三者的设计,有效率的跨桌上型及行动手机平台高效能地运作,虽以HYML5 及CSS3 为优势,但仍能够让版本较早的浏览器进行浏览动作。
7. ChartkickChartkick是Ruby gem(同样也是JavaScript API-由JavaScript 语言编写的应用程式埠)为了能简单又快速地创造出好看的图表。
整合了两大图表库:Highcharts 以及Google Charts,并能够使用和这两个图库相同的功能来建立图表,支援多种图表类型以及单一图表含多样系列,同样地,像是刚刚所提到地Chartkick.js,不需要Ruby 也能够带给用户端相同的功能。
8. Ember ChartsEmber Charts 是由Ember.js 和D3.js 架构所建立地图表库,它包含时间序列、长条图、元饼图以及散布图,容易修改并做延伸。
这些图表的元素可以看出在图表互动性及呈现上,完整地实践了他们的想法。
9. SpringySpringy 是一个以力导向的图表版面配置演算法,也就是说,弹性地使用真实世界的物理来尝试并理解如何呈现一个好看的网络型图表,Springy.js 设计的小且且简单,它提供一个抽象化图表操作以及计算版面配置,画版面配置以及互动都是随个人喜好,这代表说,你可以使用canvas、SVG、WebGL 甚至是旧版的HTML 要素。
10. BonsaiBonsai 是一个为了建构图表以及动画的开源JavaScript liabrary,由这个图库提出使用SVG 以及功能充足的API 得出的结果,支援建构简单的图形如长方形、圆形或椭圆等,有了特定的功能以及为了能客制化图形的路径函数,针对不同形状做颜色、梯度变化率以及漏斗型的筛选如灰阶、透明度等应用。
11. Google ChartsGoogle Charts 提供了非常棒的方式能在网站上视觉化资料,从一条简单的线图到很复杂的阶层型树状图,图库艺廊提供了非常多可使用的图表类型,对于专业视觉画的图表如地理图、动态压力图等,是十分好用的工具;另外包内建含动画和使用者互动控制的功能。
12. jsDraw2DXjsDraw2DX是一个独立于JavaScript liabrary、为利用SVG 产生任何形式的互动图,除了有能够产生任何基本的图形如线、长方形、多边形、圆形、椭圆、弧形等等之外,它也能画出曲线、任何度数的贝兹曲线(Beziers)、函数绘制图等等。
13. CubeCube 同样也是开源系统,能视觉化时间序列资料,建立在MongoDB、Node 以及D3。
如果你将Cube 传送到时戳事件,你能在内部后台简单地建立集合矩阵的实境视觉化。
举例来说,你也许可以使用Cube 来监控网站浏览量、计算每五分钟下载量。
14. GanttiGantti是一个为了快速地产生Gantt 图表的开源PHP 类别,这些图表单纯地涵盖了HTML5-CSS3,而没有任何JavaScript。
预设的图表结果看起来就已经很有亲和力了,但也能很简单地客制化,它运作只单纯地透过定义开始入口以及结束时间、要求单一函数指令;同样地,这些图表能够跨浏览器。
15. Smoothie ChartsSmoothie Charts是真的小型地图表资料库,主要是为了实际现场串流资料。
虽然有很多图表资料库能让你动态地更新资料内容,但没有一个能真正地优化持续性的串流资料。
Smoothie Charts 目前只能在Chrome 和Safari 上运作,事实上,相较于其他视觉化形式的资料库像是Flot,它比较不好用;但是,还是得强调,它真的非常擅长于展现串流资料。
16. Envision.jsEnvision.js 是一个JavaScript liabrary,用来简化创造快速又具有互动性的HTML5 视觉化图像。
它有两种不同的图表类型:财务型的时间序列资料以及专为开发者所用的API 以建立客制化图表。
它採用framework-agnostic 模型以及依赖部分微型图表库。
17. BirdEyeBirdEye 是Declarative Visual Analytics,它属于一个群体专案,为了要提升设计和广泛的开源资料视觉化发展,并且为Adobe Flex 建视觉分析图库,这个动作以叙述性的资料库为主,让使用者能够建立多元资料视觉化介面来分析以及呈现资讯。
18. Arbor.jsArbor.js 是由网页工程师以及jQuery 所建立的图表视觉化资料库,提供有效率、以力导向的版面配置演算法,抽象画图表组织以及筛选更新的处理。
它不受限于你必须要用特定的方法来进行萤幕绘画,可以使用canvas、SVG 甚至是HTML 定位要素,能够依据你的专案来选定你需要的东西。
Arbor.js 帮助你专注于图表资料以及它的特色,而非要花一堆时间在数学运算来产出版面配置。
19. GephiGephi 对于所有类型的网络及复杂的系统、动态性和阶层图等,都兼具互动性视觉化以及搜寻平台。
以图表为基础的视觉化者以及资料搜寻者,不只能够应付大量的资料集,还能创出美丽的图表,同样也能让你筛选、清除不必要的资料。
20. HighChartjsHighcharts JS 是单纯由JavaScript 所写的图表资料库,提供简单的方法来增加互动性图表道你的网站或是网站应用程式。
目前它能支援线图、样条函数图(spline)、面积图、面积样条函数图(areaspline)、柱状图、长条图、圆饼图和散布图等等。
特别的是,它能够在现代浏览器像是iPhone 和版本6 的IE 等运作,不需要特别的程式设计技术,就能设定Highcharts 组态。
21. Javascript InfoVIS ToolkitJavaScript InfoVis Toolkit提供创造网站上的Interactive Data Visualizations,这个资料库拥有很多独特的样式以及动画编辑效果,而且也是免费的。
22. AxiisAxiis 是开源资料视觉化架构,专为初学者以及专业开发者设计,Axiis 给予开发者有办法来深入的定义资料视觉化,只要透过简要而直观的标籤语言。
Axiis 提供预建的视觉化内容以及抽象的版面配置模板,以及让你能够创造自己独特的视觉化图表。
23. ProtovisProtovis 是使用canvas 元素的JavaScript 视觉化工具包,利用图表的方法让资料视觉化,透过基本的几何图如柱状图与点图,来组合客制化的资料浏览。
这些几何图被称作为marks,每个mark 经过编码后成一笔视觉化资料,并且透过动态性,像是颜色及位置来呈现,当然你可以有趣地来结合它们来变得更丰富、又具互动性的视觉资料。
24. HumbleFinanceHumbleFinance 是一个HTML5 资料视觉化工具,和Google Finance 的Flash 图表很相似,利用Prototype 和Flotr libraries,不受限只有呈现财务资料,任两个分享在横轴的2D 的资料都能够可以。