一些最好用的数据可视化工具

摘要: 如今同质化的应用越来越多,应用开发者也开始在用户体验上下功夫,比如数据可视化,将一大堆密密麻麻的数字转成图表形式,可以更直观地向用户展示数据之间的联系和变化情况,减少用户的阅读和思考时间,以便很好地做出决策;目前互联网中有很多数据可视化工具,这里只选择了30个有特色好用的推荐给大家

如今同质化的应用越来越多,应用开发者也开始在用户体验上下功夫,比如数据可视化,将一大堆密密麻麻的数字转成图表形式,可以更直观地向用户展示数据之间的联系和变化情况,减少用户的阅读和思考时间,以便很好地做出决策;目前互联网中有很多数据可视化工具,这里只选择了30个有特色好用的推荐给大家

iCharts

iCharts是一个在线的数据可视化工具,被广泛应用于商业/经济/体育等领域的报告中;为了拥有庞大的资料量,它提供以云端为基础和受专利保护的图表工具,让企业和个人都能透过网站把资料分享给数百万的人;iCharts免费版本提供了一些基本的交互式图表样式,如果更使用高级的样式,则需要购买高级版本

Fusion Charts Suit XT

Fusion Charts Suit XT是一个专业的JavaScript图表库,采用SVG(Scalable Vector Graphics,可缩放向量图形)可用来创建90多种类型的图表,包括2D和3D版本的图表;此外,他也重视工具间的互动性/提示框(tooltips)/向下延伸资料(drill down)/可点选的图例关键字(legend keys)/缩放及上下捲动,以及一次按键进行图表输出或列印

Modest Maps

一个地图js插件,大小只有10KB,兼容Firefox/Chrome/Opera/iOS/Android/IE7-9浏览器;这是一个小型的/免费/用于创建交互式地图的库

Pizza Pie Charts

这是一个基于Adobe Snap SVG框架的响应式的饼图,主要使用HTML和CSS来生成图表,专注于进行简单的整合,但你也可以使用JavaScript对象;更方便的是,可以传送饼图到任何有Pizza的装置,在传送后,饼图会自动变成合适的大小形式,当然也可以固定它最大的长宽

Raw

Raw是一个开源的数据可视化工具,基于流行的D3.js,支持多种图表类型,为弹性地视觉化资料并尽可能以最简单的方式进行;事实上它将自身定位为[弥补电子表格(spreadshit)应用程式和向量图表编辑之间的遗漏],支持各种不同的图表类型(例如树状图/气泡图(bubble chart))等,客户端安装Raw是非常直接的

Leaflet

Leaflet是一个开源的JavaScript库,用于创建对移动设备友好的交互式地图,只占31KB,拥有大部分开发商所需要线上地图的特色,Leaflet融合了简单/效能/实用性三者的设计;虽以html5及CSS3为优势,但仍能够兼容焦躁的浏览器

Chartkick

Chartkick是一个Ruby gem,可非常方便/快速地创建漂亮的图标,它整合了两大图表库:Highcharts和Google Charts,并能使用和这两个图库相同的功能来建立图表,支援多种图表类型以及单一图表含多样系列Chartkick还有一个JavaScript API,不依赖于Ruby

Ember Charts

这是个基于Ember.js和d3.js框架的图表库,包括时间序列/条形图/饼图/线型图/散点图等多种类型,且易于扩展和修改,从这些图表的元素可以看出在图表的互动性及呈现

Springy

Springy是一个使用JavaScirpt实现的以力导向的有向图布局算法,使用了真实世界中的一些物理原理,你可以随意拖动图表中的元素;Springy.js小且简单,提供一个抽象化图表操作以及计算版面配置;版面配置及互动都随个人喜好,这代表可以使用canvas/SVG/WebGL,甚至旧版的HTML要素

Bonsai

Bonsai是个开源的为建构图表和动画的JavaScript库,用于创建图形和动画,并配备了一个直观/功能丰富的API;支持建构简单的图形,如:长方形/圆形/椭圆等,有了特定的功能以及为了能客制化图形的路径函数,针对不同形状做颜色/梯度变化率以及漏斗型的筛选如灰阶/透明度等应用

Google Charts

谷歌的图表库工具,提供了非常多可使用的图表类型,功能强大,支持HTML5生成SVG图表,简单易用,而且免费;图表风格很多,其交互效果也很漂亮;对于专业视觉画的图表如地理图/动态压力图等,是十分好用的工具,另外包内建含动画和使用者互动控制的功能

jsDraw2DX

jsDraw2DX独立于JavaScript库,利用SVG产生任何形式的互动图,除了能产生任何基本的图形如线/长方形/多边形/圆形/椭圆/弧形等外,它也能画出曲线/任何度数的贝兹曲线(Beziers)/函数绘制图等

Cube

Cube也是开源系统,能视觉化时间序列资料,如果将Cube传送到时戳事件,你能在内部后台简单地建立集合矩阵的实境视觉化;举例来说,也许可以使用Cube来监控网站浏览量,计算每五分钟下载量

Gantti

Gantti是一个简单的PHP甘特图;这些图表单纯地涵盖了HTML5-CSS3,没有任何JavaScript

Smoothie Charts

Smoothie Charts是真的小型javascript地图表资料库,主要是为实际现场串流资料;虽然有很多图表资料库能让你动态地更新资料内容,但没有一个能真正地优化持续性的串流资料;Smoothie Charts目前只能在Chrome和Safari上运作;事实上,相较于其他视觉化形式的资料库(例如Flot),它比较不好用;但是,还是得强调,它真的非常擅长于展现串流资料

Envision.js

Envision.js是一个动态的HTML5可视化图表,用来简化创造快速又具有互动性的HTML5视觉化图像;它有两种不同的图表类型:财务型的时间序列资料以及专为开发者所用的API以建立客制化图表;它采用framework-agnostic模型以及依赖部分微型图表库

BirdEye

BirdEye属于一个群体专案,为了要提升设计和广泛的开源资料视觉化发展,并且为Adobe Flex建视觉分析图库,这个动作以叙述性的资料库为主,让使用者能够建立多元资料视觉化界面来分析以及呈现资讯

Arbor.js

Arbor.js是由jQuery建立的图表视觉化资料库,提供有效率,以力导向的版面配置演算法,抽象画图表组织以及筛选更新的处理;它不受限于你必须要用特定的方法来进行荧幕绘画,可以使用canvas/SVG,甚至HTML定位要素,能够依据你的专案来选定需要的东西;Arbor.js专注于图表资料以及它的特色,而非花一堆时间在数学运算来产出版面配置

Gephi

Gephi对于所有类型的网络及复杂的系统/动态性/阶层图等,都兼具互动性视觉化以及搜寻平台,同样也能筛选/清除不必要的资料

HighChartjs

Highcharts JS是单纯由JavaScript所写的图表资料库,提供简单的方法来增加互动性图表到网站或网站应用程式;目前它能支持线图/样条函数图(spline)/面积图/面积样条函数图(areaspline)/柱状图/长条图/圆饼图和散布图等;特别的是,适用于web项目

Javascript InfoVIS Toolkit

JavaScript InfoVis Toolkit提供创造网站上的Interactive Data Visualizations,这个资料库拥有很多独特的样式以及动画编辑效果,而且也是免费的。

Axiis

Axiis是开源资料视觉化架构,专为初学者以及专业开发者设计,Axiis让开发者只要透过简要而直观的标记语言就可以来深入的定义资料视觉化,Axiis提供预建的视觉化内容及抽象的版面配置模板,让你能够创造自己独特的视觉化图表

Protovis

Protovis是使用canvas元素的JavaScript视觉化工具包,用图表的方法让资料视觉化,透过基本的几何图如柱状图与点图来组合客制化的资料浏览;这些几何图被称作为marks,每个mark经过编码后成为视觉化资料,并透过动态性(例如颜色及位置)来呈现

HumbleFinance

HumbleFinance是一个HTML5资料视觉化工具,和Google Finance的Flash图表很相似,利用Prototype和Flotr libraries;在通过函数来产生图表前,需要设定三个参数;可以手动地选择一部分的资料,并放大该部分的资料,当你在处理大量的资料时这是个非常有用的功能

D3.js

D3是一个为了操作以资料为主的HTML文件,小而免费的JavaScript library;D3能够帮助你快速的视觉化你的资料,不论是HTML或是SVG都可以

PS:如果你想成为一名优秀的架构师,或者在工作中遇到瓶颈,想跳槽加薪,面试不过, 碰到难题等等一系列问题,可以加我的架构师群:554355695 这里有最专业的团队为你排忧解难,有最新的学习资源为你共享。

1.jpg

2.jpg

3.jpg

4.jpg

Dipity

Dipity能够建立免费的数位时间轴,在互动模式下还能分享/插入视觉化的时间轴到影音/图片/文字/连结/社群媒体/时戳中

Kartograph

Kartograph 不需要任何地图提供者像Google Maps用来建立互动式地图,由两个libraries组成,并将两者结合到SVG和JavaScripts library,把SVG资料转变成互动性地图

TimeFlow

可视化时间分析工具,提供了以下不同的呈现方式:时间轴/日历/柱状图/表格等

Paper.js

Paper.js是一个开源的使用HTML5 Canvas输出的JS图表库,对于初学者来说它是很容易学习的,其中也有许多专业面向可以提供中阶及高阶使用者

Visualize Free

Visualize Free是一个建立在高阶商业后台集InetSoft开发的视觉化软件免费的视觉分析工具;视觉化是一个很棒的方法,从多元变量资料筛选并看其趋势,或是利用简单地点及方法来切割资料或是小范围的资料,如果你正在找一个方法来视觉化搜寻并呈现资料,而一般的office图表软件没办法处理,那Visualize Free会是一个很棒的选择

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯云数据库(TencentDB)

腾讯云图,让数据说话

这是星云图,他表示的是QQ同时在线人数,看到这个图大家脑袋里面想到什么?QQ,蓝钻、绿钻、太阳、月亮、上学的时候跟同学聊天,认识默认网友,你会是这众多闪亮星星中...

1.2K130
来自专栏申龙斌的程序人生

零基础学编程017:画出我的公众号LOGO

在《零基础学编程014:小海龟做画》和《零基础学编程015:画些有趣的图案》里,我们已经可以用编程中的循环结构,加上turtle中的前进、转向等指令画些有趣的图...

32060
来自专栏理论坞

色盲在左,设计在右

每次人们发现我是色盲后,总会问我同样的问题:“所以,这个是什么颜色?”95%的时候我都回答正确,紧跟而来的是,“等等,如果你能分辨这是{插入颜色},那么你怎么可...

8910
来自专栏木子昭的博客

css毛玻璃背景的制作

原理和photoshop修图的步骤类似, 用css中的blur滤镜实现高斯模糊, 对文字部分添加伪元素,对伪元素填充部分背景图片, 并添加模...

19720
来自专栏较真的前端

前端学习——这十本书一定要看

30460
来自专栏九彩拼盘的叨叨叨

扁平化设计开始流行啦~

在最近几年里,我们发现软件和应用的界面快速的从立体,纹理化变为扁平,简洁化。这种变化趋势是普遍存在的,我们来花些时间来看看这些变化是如何发生的,以及这些变化产生...

10140
来自专栏互联网杂技

你的布局设定方法靠谱吗?

本文不适合采用天才设计(Genius Design)方法的人士。 有一种“奇怪的”现象会经常的看到“很多设计师没有办法清楚的跟其他人解释他们是如何设计的,越细致...

39570
来自专栏数据小魔方

半圆型饼图制作技巧!!!

今天跟大家分享半圆型饼图的制作技巧! ▽ 我们看惯了普通的圆形饼图,是不是总有一种审美疲劳的感觉。毕竟总是对着同一样的版式看,难免会腻味。今天教大家怎么制作半圆...

412100
来自专栏Sign

动作游戏中的碰撞系统

对于熟悉动作游戏系统制作的玩家来说,这个应该算是常识了,不过还是写一下吧。 毕竟,可能有些同学还没看过。 在动作游戏里,角色的『图』与实际产生的效果是不完全对等...

417160
来自专栏数据小魔方

可视化基础——色彩篇

今天要跟大家聊一聊关于颜色的话题。 ▼▼▼▼▼▼ 数据可视化的学习需要了解一些简单的色彩理论知识。 对于色彩小编也所知不多,毕竟配色对于专业的设计师来讲都是一...

47880

扫码关注云+社区

领取腾讯云代金券