收藏!52个实用的数据可视化工具!

Aidan075 等级 693 0 0


![](https://img-hello-world.oss-cn-beijing.aliyuncs.com/7eb12e08a15ea8f07553d6fa730c8d48.png)  

来源丨原力大数据

大家好,我是小五🐶

从数据获得信息的最佳方式之一是,通过视觉化方式,快速抓住要点信息。另外,通过视觉化呈现数据,也揭示了令人惊奇的模式和观察结果,是不可能通过简单统计就能显而易见看到的模式和结论。

目前有许多数据可视化工具可供选择,尺有所长,寸有所短,至今为止还没有一种数据可视化工具是完美的。大家可以自己试一试,把它们结合起来用,使之效用最大化地帮助你实现数据可视化。

1. Tableau

收藏!52个实用的数据可视化工具!

Tableau 是一款企业级的大数据可视化工具。Tableau 可以让你轻松创建图形,表格和地图。它不仅提供了PC桌面版,还提供了服务器解决方案,可以让您在线生成可视化报告。服务器解决方案可以提供了云托管服务。Tableau的客户包括巴克莱银行,Pandora和Citrix等企业。

2.**ChartBlocks**

收藏!52个实用的数据可视化工具!

ChartBlocks是一个易于使用在线工具,它无需编码,便能从电子表格,数据库中构建可视化图表。整个过程可以在图表向导的指导下完成。您的图表将在HTML5的框架下使用强大的JavaScript库D3.js创建图表。你的图表是响应式的,并且可以和任何的屏幕尺寸及设备兼容。您还可以将图表嵌入任何网页中,分享在Twitter和Facebook上。

3.****Datawrapper****

收藏!52个实用的数据可视化工具!

Datawrapper是一款专注于新闻和出版的可视化工具。华盛顿邮报,卫报,华尔街日报和Twitter等媒体都使用了这一工具。Datawrapper非常容易使用,不需要任何编程基础。你只需要上传你的数据,便能轻松地创建和发布图表,甚至是地图。Datawrapper提供了众多的自定义布局及地图模板。

4.**Plotly**

收藏!52个实用的数据可视化工具!

Plotly帮助你在短短几分钟内,从简单的电子表格中开始创建漂亮的图表。Plotly已经为谷歌、美国空军和纽约大学等机构所使用。Plotly是一个非常人性化的网络工具,让你在几分钟内启动。如果你的团队希望为JavaScript和Python等编程语言提供一个API接口的话,Plotly是一款非常人性化的工具。

5.**RAW**

收藏!52个实用的数据可视化工具!

RAW弥补了很多工具在电子表格和矢量图形(SVG)之间的缺失环节。你的大数据可以来自MicrosoftExcel中,谷歌文档或是一个简单的逗号分隔的列表。它最厉害的功能是可以很容易地导出可视化结果,因为它和Adobe Illustrator,Sketch 和Inkscape是相容的。

6.**Visual.ly**

收藏!52个实用的数据可视化工具!

Visual.ly是一个可视化的内容服务。它提供专门的大数据可视化的服务,用户包括了VISA,耐克,Twitter,福特和国家地理等。如果你想完全外包可视化文件给第三方。你可以使用非常简化的在线流程:你只需描述你的项目,服务团队将在项目的整个持续时间内和你在一起。Visual.ly给您发送所有项目关键点的邮件通知,也将让你不断给出反馈。

7.iCharts

收藏!52个实用的数据可视化工具!iCharts 提供了一个用于创建并呈现引人注目图表的托管解决方案。有许多不同种类的图表可供选择,每种类型都完全可定制,以适合网站的主题。iCharts 有交互元素,可以从Google Doc、Excel 表单和其他来源中获取数据。iCharts的免费版只允许你用基本的图表类型,如私人图表、自定义模板、上传图片和图标、下载高清图片、无线实时数据库连接、调查数据集、大型数据集、图表报告、数据收集、品牌图表渠道等。

8.Fusion Charts Suit XT

收藏!52个实用的数据可视化工具!

FusionCharts XT是一款跨平台、跨浏览器的JavaScript图表组件,为你提供令人愉悦的JavaScript图表体验。它是最全面的图表解决方案,包含90+图表类型和众多交互功能,包括3D、各种仪表、工具提示、向下钻取、缩放和滚动等。它拥有完整的文档以及现成的演示,可以助你快速创建图表。

9.Modest Maps

收藏!52个实用的数据可视化工具!

Modest Maps是一个轻量级、可扩展的、可定制的和免费的地图显示类库,这个类库能帮助开发人员在他们自己的项目里能够与地图进行交互。ModestMaps提供一个核心健壮的带有很多hooks与附加functionality函数的要素开发包。

10.Pizza Pie Chart

收藏!52个实用的数据可视化工具!

Pizza Pie Charts是个响应式饼图图表,基于Adobe Snap SVG框架,通过HTML标记和CSS来替代 JavaScript对象,更容易集成各种先进的技术。

11.**D3.js**

收藏!52个实用的数据可视化工具!

毋容置疑D3.js是最好的数据可视化工具库。D3.js运行在JavaScript上,并使用HTML,CSS和SVG。D3.js是开源工具,使用数据驱动的方式创建漂亮的网页。D3.js可实现实时交互。这个库非常强大和前沿,所以它带有没有预置图表也不支持IE9。

12.Chartkick

收藏!52个实用的数据可视化工具!

Chartkick是一个图表绘制工具,特点是UI美观、使用简单,并且支持IE6在内的大多数浏览器。它还可以与开源框架Django、Flask/Jinja2结合使用。可以让你用最少的代码创建专业的JavaScript图表,甚至只需要一行Ruby代码即可绘制出漂亮的图表!

13.Springy

收藏!52个实用的数据可视化工具!

Springy.js设计轻量并且简单。它提供了一个抽象的图形处理和计算的布局,支持Canvas、SVG、WebGL、HTML元素。

14.Ember Charts

收藏!52个实用的数据可视化工具!

Ember Charts – 顾名思义是一种基于Ember.js框架和使用d3.js的可视化工具。Ember Charts以绘制时间序列图,柱状图,饼图和散点图为主。它非常优易于扩展。同为Ember.js开发团队,Ember Charts聚焦于图形互动性。它有极强的错误处理能力,当你遇到坏数据时,系统也不会崩溃。

1**5.NVD3**

收藏!52个实用的数据可视化工具!

NVD3运行在d3.js之上, 它可建立可重用的图表组件。该项目的目标是保持所有的图表整洁和可定制性。NVD3是d3.js之上的简单的接口,保持了d3.js的所有强大功能。NVD3由Novus Partners前端工程师开发和使其保持了图表技术洞察力。

16.Google Charts

收藏!52个实用的数据可视化工具!

Google Charts 以HTML5和SVG为基础,充分考虑了跨浏览器的兼容性,并通过VML支持旧版本的IE浏览器。所有您将创建的图表是交互式的,有的还可缩放。Google Charts是非常人性化和他们的网站拥有一个非常好的,全面的模板库,你可以从中找到所需模板。

17.FusionCharts

收藏!52个实用的数据可视化工具!

FusionCharts是最全面的JavaScript图表库,包括90个图表和900种地图。如果你不是特别喜欢的JavaScript。FusionCharts可以轻松集成像jQuery库,Angularjs和React框架以及ASP.NET和PHP语言。FusionCharts支持JSON和XML数据,并提供许多格式图表:PNG,JPEG,SVG和PDF。

18.Highcharts

收藏!52个实用的数据可视化工具!

Highcharts是一个JavaScript API与jQuery的集成,全球最大的100家公司中有61家正在使用它。图表使用SVG格式,并使用VML支持旧版浏览器。它提供了两个专门的图表类型:Highstock和Highmaps,并且还配备了一系列的插件。你可以免费使用它,而如果你想建立付费的应用,只须支付少量牌照费用。此外,你还可以使用Highcharts云服务。

19.Chart.js

收藏!52个实用的数据可视化工具!

对于一个小项目的图表,chart.js是一个很好的选择。开源,只有11KB大小,这使得它快速且易于使用,它支持多种图表类型: 饼图,线性图和雷达图等。

20. Leaflet

收藏!52个实用的数据可视化工具!

你是否专注于专业的大数据解决方案?无需饼图和条形图?Leafleft 基于Open Street Map数据,使用HTML5 / CSS3绘制互动式可视化图。您可以使用他们的扩展插件库添加热点图(heatmaps)和动画标记。Leaflet 是开源和只有33 KB大小。

21. **Chartist.js**

收藏!52个实用的数据可视化工具!

Chartist.js的开发社区一直致力于打败所有其他JavaScript图表库。它使用了Sass的个性化风格,它的SVG输出是响应式的。

22.n3-charts

收藏!52个实用的数据可视化工具!

N3-charts是一种基于AngularJS框架的工具。它建立在D3.js之上,帮助您创建简单的互动图表。N3-charts是一种小型化的图表工具,不适用于大型项目。

23.Sigma JS

收藏!52个实用的数据可视化工具!

Sigma JS 是交互式可视化工具库。由于使用了WebGL技术,你可以使用鼠标和触摸的方式来更新和变换图表。Sigma JS同时支持JSON和GEXF两种数据格式。这为它提供了大量的可用互动式插件。Sigma JS 专注于网页格式的网络图可视化。因此它在大数据网络可视化中非常有用。

24.**Polymaps**

收藏!52个实用的数据可视化工具!

Polymaps是一款地图可视化一个JavaScript工具库。Polymaps使用SVG实现从国家到街道一级地理数据的可视化。您可以使用CSS格式来修改你的样式。Polymaps使用GeoJSON来解释地理数据。它是创建heatmap热点图的最好的工具之一。您创建的所有地图都可以变成动态图。

25.**Processing.js**

收藏!52个实用的数据可视化工具!

Processing.js是一个基于可视化编程语言的JavaScript库。作为一种面向Web的JavaScript库,Processing.js是您能够有效进行网页格式图表处理。这使得它成为了一种非常好交换式可视化工具。Processing.js需要一个兼容HTML5的浏览器来实现这一功能。

26.Bonsai

收藏!52个实用的数据可视化工具!

Bonsai是一款免费开源的JavaScript图形库,用户可以使用它创建图形和动画。该库使用SVG作为输出方式来生成图形和动画效果,拥有非常完整的图形处理API,可以使得你更加方便的处理图形效果。它还支持渐变和过滤器(灰度、模糊、不透明度等)等效果。很多鼠标(或触摸)和键盘事件都内置了该库,并可以轻松地管理。Bonsai 支持标准动画和关键帧动画,设置了一系列的连续动画,并且拥有大量的简单函数,可以在动画中使用

**27.jsDraw2DX**

收藏!52个实用的数据可视化工具!

jsDraw2DX是一个标准的JavaScript库,用来创建任意类型的SVG交互式图形,可生成包括线、举行、多边形、椭圆、弧线等等图形。

28.Cube

收藏!52个实用的数据可视化工具!

Cube是一个开源的系统,用来可视化时间系列数据。它是基于MongoDB、NodeJS和D3.js开发。用户可以使用它为内部仪表板构建实时可视化的仪表板指标。例如,你可以使用Cube去监控网站流量,统计每5分钟的请求数量等。

29.Gantti

收藏!52个实用的数据可视化工具!

Gantti是一个开源的PHP类,帮助用户即时生成Gantt图表。使用Gantti创建图表无需使用JavaScript,纯HTML5-CSS3实现。图表默认输出非常漂亮,但用户可以自定义样式进行输出(SASS样式表)。

30.Smoothie Charts

收藏!52个实用的数据可视化工具!

Smoothie Charts是一个十分小的动态流数据图表库。通过推送一个WebSocket来显示实时数据流。Smoothie Charts只支持Chrome和Safari浏览器,并且不支持刻印文字或饼图。它很擅长显示流媒体数据。

31.Envision.js

收藏!52个实用的数据可视化工具!

Envision.js 是个基于 Flotr2 和HTML5的JavaScript库,用来简化、快速创建交互式的 HTML5 可视化图表。它包括两个图表类型:时序图和Finance,提供API给开发者,用户可以直接自定义创建图表。

32.BirdEye

收藏!52个实用的数据可视化工具!

BirdEye是一个开源的Adobe Flex图表制作组件。用于创建多维数据分析可视化界面。

33.Arbor.js

收藏!52个实用的数据可视化工具!

Arbor是一个利用Web Works和jQuery创建的可视化图形库,它为图形组织和屏幕刷新处理提供了一个高效的、力导向的布局算法。

34.Gephi

收藏!52个实用的数据可视化工具!

Gephi是一款开源免费跨平台基于JVM的复杂网络分析软件,其主要用于各种网络和复杂系统,动态和分层图的交互可视化与探测开源工具。可用作:探索性数据分析、链接分析、社交网络分析、生物网络分析等。Gephi 是一款信息数据可视化利器。

35.Javascript InfoVIS Tool

收藏!52个实用的数据可视化工具!

JavaScript InfoVis Toolkit 是一个在Web上创建可交互式的数据图表的JavaScript库。该库有许多独特时髦的动画效果,并且可以免费使用。

36.Axiis

收藏!52个实用的数据可视化工具!

Axiis是一个开源的数据可视化框架。Axiis让开发人员通过简洁直观的标记,清晰明白地定义数据可视化方式。Axiis在设计上非常强调代码优雅,可以让你的代码像输出的图形一样美观。Axiis既提供了开箱即用的可视化组件,也提供了抽象布局模式和渲染类,可实现自定义可视化

37.Protvis

收藏!52个实用的数据可视化工具!

Protovis是一个使用JavaScript Canvas元素实现的可视化组件。开发者可以利用简单的标记如线条和圆点+数据来绘制自定义图表。

38.HumbleFinance

收藏!52个实用的数据可视化工具!

HumbleFinance是HTML5数据可视化编译工具。作为交互式图形的范本,与Flash工具类似,工具本身是用JavaScript编译的,使用Prototype和Flotr库,它可以用于显示实际数值共享一个轴的任意两个2D数据集。

39.Dipity

收藏!52个实用的数据可视化工具!Dipity是一款基于Timeline的Web应用软件,用户可以将自己在网络上的各种社会性行为(Flickr、Twitter、Youtube、Blog/RSS等)聚合并全部导入到自己的 Dipity 时间轴上。

40.Kartograph

收藏!52个实用的数据可视化工具!Kartograph是一个用于创建无人操控、交互式地图(如:谷歌地图)的框架。它由两个库组成:一个是Python库,从形式函数或Post GIS中提出矢量地图,并把它们转换成SVG格式;另一个是JavaScript库,将这些SVG格式转换成交互式地图。

41.Timeflow

收藏!52个实用的数据可视化工具!

Timeflow是一个用于时态数据的可视化工具。它提供了四种不同的显示视图:时时间轴试图、日历试图、条形图、表试图。

42.Paper.js

收藏!52个实用的数据可视化工具!

Paper.js 是一个开源的向量图形脚本框架,基于HTML5 Canvas开发。提供清晰的场景图、DOM和大量强大的功能用来创建各种向量图和贝塞尔曲线。

43.Visulize Free

收藏!52个实用的数据可视化工具!

Visulize Free是一款免费的可视化分析工具,基于先进的商业指示板和可视化软件开发。

44.Dygraphs

收藏!52个实用的数据可视化工具!

Dygraphs是一款快捷、灵活的开源JavaScript图表库,用户可以自由探索和编译密集型数据集。它具有极强的交互性,比如缩放、平移和鼠标悬停等都是默认动作。更棒的是,它还对误差线有很强的支持。Dygraphs也是高度兼容的,所有的主流浏览器都可正常运行(包括不受待见的IE8)。

45.Tableau Public

收藏!52个实用的数据可视化工具!

这是一款操作简便的app,它可以轻松帮你创建令人眼前一亮的可视化作品。只需打开数据,用Tableau桌面版来进一步探索。然后,把可视化内容存储在你1GB Tableau Public在线文件空间,最后,将他们放进网站或Blog,通过社交媒体把你的作品分享给全世界。

46.PiktoChart

收藏!52个实用的数据可视化工具!

PiktoChart提供了单击编辑器,有着超过400种模板、图标、图表,一个极大的图片素材库和无限制的自定义服务,保证了你的信息图表是独一无二的。

47.Gliffy

收藏!52个实用的数据可视化工具!

Gliffy可以帮助你制作专业级流程图、组织图、UML分析图(Unified Modeling Language,统一建模语言,译注)、线框图、技术制图等等,而且它兼容所有的浏览器。Gliffy使用HTML5编辑器,速度是Flash的两倍。它提供一个可读的URL地址展示你的分析图,也可以将成果分享到社交媒体上。你只需从海量库里把你想要的图形拖拖拽拽,然后单击选择需要的格式,通过简单的重选就能定制你的图表。

48.ZingChart

收藏!52个实用的数据可视化工具!
ZingChart是一个强大的库,为用户提供了快速创造漂亮的图表、操作面板和信息图表的可能性。你可以在上百种图表类型中自由选择,你的设计和个性化要求不会受到任何限制。你也可以使你的用户通过交互式图表特性参与到你的作品之中。

49.TimeLine.js

收藏!52个实用的数据可视化工具!

Timeline.js会让你爱上制作漂亮的时间轴,因为它的操作非常简单直观。这是一款支持40种语言的开源工具,通过它你可以建立自己的可视化互动时间轴,还可从各种途径置入到媒体中,目前已支持Twitter、Flickr、Google Maps、YouTube、Vimeo、Vine、Dailymotion、Wikipedia、SoundCloud等等。

50.InstantAtlas** **

收藏!52个实用的数据可视化工具!InstantAtlas让信息分析师和研究者得以创建交互式动态分配图报告,并结合统计数据和地图数据来优化数据可视化效果。

51.WolframAlpha

收藏!52个实用的数据可视化工具!

WolframAlpha把自己称作计算型知识引擎、谷歌在分析领域的劲敌。它最棒的一点是在显示图表时可以不需要任何配置就响应数据请求。如果你用的是公开的数据,那么你只需一个简单的小部件生成器就能在你的网页上轻松加入可视化数据。

52.Visual.ly

收藏!52个实用的数据可视化工具!Visual.ly是一个综合图库和信息图表生成器。它的工具很简单,却可创造出亮眼的数据展示作品。另外,你还可以在它的平台上分享你的图像。他能在内容上比一般的视觉分析工具表达更深入。

收藏!52个实用的数据可视化工具!

本文转转自微信公众号凹凸数据原创https://mp.weixin.qq.com/s/sD1QdgCq0f7bJdJtKJC6mw,可扫描二维码进行关注: 收藏!52个实用的数据可视化工具! 如有侵权,请联系删除。

收藏
评论区

相关推荐

Eclipse添加spket构建ExtJs智能提醒
一、概述 ==== 一个RIA的开发工具。支持[JavaScript](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fbaike.baidu.com%2Fview%2F16168.htm)、XUL\\[XBL](https://www.oschina.net/action/GoToLink
10 个非常有用的 SVG 动画的 JavaScript 库
SVG 通常可以用作跨分辨率视频。这意味着在一块高分屏幕上不会降低图片的锐度。此外,你甚至可以让SVG动起来,通过使用一些javascript类库。下面,我们分享一些javascript类库,这些类库会帮助我们将SVG动画提高一个等级。 1\. Vivus --------- [Vivus](https://www.oschina.net/action/
Canvas和SVG的区别
Canvas和SVG是html5支持的两种可视化技术。基于这两种技术,诞生了很多可视化工具。 Echarts是基于Canvas技术的可视化工具,底层封装了原生的JavaScript的绘图 API。我们很容易联想到另一个同样很优秀的web前端可视化库D3,D3是也最流行的可视化库之一,它被很多其他的表格插件所使用。D3底层基于SVG技术,与Canvas完全不
SVG 入门指南(看完,对SVG结构不在陌生)
SVG 简介 ------ SVG,即可缩放矢量图形(Scalable Vector Graphics),是一种 XML 应用,可以以一种简洁、可移植的形式表示图形信息。目前,人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形,并且大多数矢量绘图软件都能导出 SVG 图形。SVG 主要可以概括为以下几点: * SVG 指可伸
SVG动画制作工具 , 从此抛弃臃肿的gif
VG简介 ==== 只要是程序员的你,你不得不知道svg图片,它可以无限任意放大拉伸都不会损失画质,就像系统字体一样可以无限矢量放大,svg更高级是可以用来制作矢量动画,现在各大浏览器和系统基本对svg已经支持很好了 SVG与Gif的比较 ========== SVG图片: 矢量放大,动画也是矢量,体积极小,相当于一个.txt文本的体积,几b到几kb
SVG和VML区别杂谈
[SVG和VML区别](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fwww.duobee.com%2F)杂谈 =========================================================================================
SVG的简单使用,入门绘制简单的案例
一、svg介绍 ======= 可缩放矢量图形(Scalable Vector Graphics,SVG)是W3C推出的基于XML的二维矢量图形标准。SVG可以提供高质量的矢量图形渲染,同时由于支持JavaScript和文档对象模型,SVG图形通常具有强大的交互能力。另一方面,SVG作为W3C所推荐的基于XML的开放标准,能够与其他网络技术进行无缝集成。
SVG绘制饼状图
SVG绘制饼状图 昨天学习了基本的SVG,下面是使用SVG绘制饼状图 创建SVG空间 ======= 创建SVG > 需要一个document.createElementNS()方法 一个一个setAttribute()方法 编写如下js,将会创建一个svg空间 // 创建一个XML命名空间 var svgns = "http:
SVG 入门指南(看完,对SVG结构不在陌生)
SVG 简介 ------ SVG,即可缩放矢量图形(Scalable Vector Graphics),是一种 XML 应用,可以以一种简洁、可移植的形式表示图形信息。目前,人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形,并且大多数矢量绘图软件都能导出 SVG 图形。SVG 主要可以概括为以下几点: * SVG 指可伸
SVG和VML区别杂谈
[SVG和VML区别](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fwww.duobee.com%2F)杂谈 =========================================================================================
SVG的简单使用,入门绘制简单的案例
一、svg介绍 ======= 可缩放矢量图形(Scalable Vector Graphics,SVG)是W3C推出的基于XML的二维矢量图形标准。SVG可以提供高质量的矢量图形渲染,同时由于支持JavaScript和文档对象模型,SVG图形通常具有强大的交互能力。另一方面,SVG作为W3C所推荐的基于XML的开放标准,能够与其他网络技术进行无缝集成。
SVG绘制饼状图
SVG绘制饼状图 昨天学习了基本的SVG,下面是使用SVG绘制饼状图 创建SVG空间 ======= 创建SVG > 需要一个document.createElementNS()方法 一个一个setAttribute()方法 编写如下js,将会创建一个svg空间 // 创建一个XML命名空间 var svgns = "http:
svg在vue里面的使用,封装一个svg组件
### 前言   关于svg的介绍请参考张鑫旭老师的博客:[未来必热:SVG Sprite介绍](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fwww.zhangxinxu.com%2Fwordpress%2F2014%2F07%2Fintroduce-svg-sprite-techno
svg基础
svg系列–基础 ======== 这里会总结svg的基础知识和一些经典的案例。 #### svg简介 `SVG(Scalable Vector Graphics)is an XML-based Language for creating graphics. 这是MDN英文文档对svg的介绍。 svg支持css,这一点有效的将图形和样式区分开。 s
svg转png
svg转png网络上常用的方式有两种: 1.直接转base64放到图片src进行显示,测试效果不佳,始终报方法问题。 2.先转canvas,再转为png图,测试效果可以但svg透明背景到了canvas转换会变黑。 推荐使用方法三: 复制链接下载svg转png的js http://p8sv0x8g6.bkt.clouddn.com/saveSvgAs