数据可视化网站模板

数据可视化网站模板

篇一：21款高颜值的数据可视化工具

21款高颜值的数据可视化工具 辛辛苦苦分析一堆大数据，竟然没人看！到底怎么办？俗话说，有图有真相，一图胜

千言，取悦了眼球，

剩下的都好说。如果你正着手于从数据中洞察出有用信息，那你所需要的正是——数据可视化。本文挖掘了21款炙手可热的数据可视化工具，干净利落的高颜值信息图，就要这样做！

FusionCharts

FusionCharts Suite XT不仅可以为带给你漂亮的图表，还能帮你制作出生动的动画、巧妙的设计和丰富的交互性。它在PC端、Mac、iPad、iPhone和Android平台都可兼容，具有很好的用户体验一致性，同时也适用于所有的网页和移动应用，甚至包括IE6、7、8这些绝大部分插件都不支持的主儿。在这软件里，创建你的首幅图表也只需要15分钟。

FusionCharts套件提供了超过90种图表和图示，从最基本款的到进阶版，例如漏斗图、热点地图、放缩线图和多轴 1

图等。

Dygraphs

Dygraphs是一款快捷、灵活的开源JavaScript

图表库，用户可以自由探索和编译密集型数据集。

它具有极强的交互性，比如缩放、平移和鼠标悬停等都是默认动作。更棒的是，它还对误差线有很强的支持。Dygraphs也是高度兼容的，所有的主流浏览器都可正常运行（包括不受待见的IE8）。你甚至可以在手机和平板设备上使用双指缩放！

Datawrapper

Datawrapper让你只需4步就可以创建出图表和地图。这款工具帮你将数据可视化的时间从几小时减少到了几分钟。它的操作非常简单，你只需上传数据，选择一个图表或地图，然后点击发布就可以了。Datawrapper是为你的需求定制化而存在的，版式和视觉效果都可以按照你的样式规范而调整。

Leaflet

Leaflet是为移动端友好型交互地图所做的开源JavaScript库，其中包含了大部分在线地图开发人员都需要的所有特征。Leaflet被设计为简单易用、性能优良的工具。归功于HTML5和CSS3，它得以支持所有主流电脑和移动平台。如果你还想扩展这个app，有大量可供选择的插件能 2

安装。

Tableau Public

这是一款操作简便的

app，

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

PiktoChart

这是一款很赞的app，你可以用它创作出漂亮、清晰、透明的信息图表。PiktoChart提供了单击编辑器，有着超过400种模板、图标、图表，一个极大的图片素材库和无限制的自定义服务，保证了你的信息图表是独一无二的。一切只需要三步：在图库里预览主题然后选择一个；在图库中超过1000张图像之间选择你要的素材或是自己上传；最后，分享这幅信息图表给全世界看吧。

Google Charts

Google Charts

为你的网站提供完美的数据可视化处理。

从简单的折线图到复杂的分级树形图，他的图表库里提供了海量的模版可供选择。Google Charts如同JavaScript的 3

类（classes）一样是开放的，你可以按需定制，但通常默认样式就能满足你的所有需求。所有的图表样式都是使用数据库表类（DataTable class）来填充数据的，这意味着你可以在挑选完美表现效果的时候轻松转换表格类型。

Raw

Raw是一款开放的Web app，可以按需创作矢量图形可视化作品。它是使用LGPL许可（GNU Lesser General Public

License －GNU宽通用公共许可证的缩写，许多自由软件(Free Software)使用GPL作为其授权声明，译注）的定制项目，允许随意下载并修改。但是Raw只是Web app，你所上传的数据只能用网页浏览器处理，因此没有实质性服务器端数据交互。你可将可视化作品导出为矢量图形（SVG）格式或者栅格化为（PNG）格式。

iCharts

iCharts

是基于云端的趋势预测视觉分析平台，它可以快速地将复杂的商业信息、大规模调

查数据和动态数据研究的结果可视化。它非常的快速简便，但却可以根据实时数据创造出富有冲击力的视觉智能图像，并且可以为你带来全方位信息聚合和信息对比。

Gliffy

Gliffy可以帮助你制作专业级流程图、组织图、UML分析 4

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

Canva

篇二：大数据可视化

这是一位图表仿会员咨询我的问题。

她在一家著名的跨国集团公司从事Supply Network方面的工作，其中一项任务是每月要绘制一种销售(来自: 小龙 文档 网:数据可视化网站模板)网络图，见下图示意。她们使用大海报纸画或visio画，每个产品组为单位绘制一张图，每个产品组内一般有10-40对发运关系，也就是箭头。要命的是她们有40多个产品组……可以想象这项工作量是多么巨大和无聊，费时费力画出来的还不清晰、不易修改。

高手教你用Excel制作百度迁徙数据地图

听到这样的工作场景，我当时就有两个想法，一是这么高大上的外企为什么没有使用专门的供应链平台或工具呢，二是这种图一定要画在地图上才是正确的工作方式啊。Google了一下，确实有这样的专门工具，例如下图。

5

基于《用地图说话》的经验，我很快想好可以用Excel开发一个基于地图的供应

链分析模板，实现她们的需求，并增加一些其他的增值分析功能。然后就做了如下的模板文件。

模板的功能和使用：

1、录入产品发运数据。

字段有产品组、生产地、贸易地、品类数、重量。这实际上是该公司现成的数据表格，只要贴入即可。

其中产品组、生产地录入后，模板还会根据是否同一产品组、同一生产地，自动显示深浅色，方便分组阅读。

2、供应链地图分析。

数据录入后就可以自动绘制网络图和分析了。通过列表框，选择某一产品组，模板就把该产品组下的所有发运关系，在地图上绘制出从生产地到贸易地的箭头，并在线条上标注品类数、重量。

对于当地生产、当地销售（自产自销）的情况，不需要绘制箭头，则直接在当地右侧以“?”+数字标注。

3、为保持图示清晰，地名的标签是可选的，可切换显示或不显示。因为图示用久了之后，大家就都熟悉国家位置和名称了，国家名可以省略。

4、我还为图示增加了一个非常酷的可视化功能。若勾选

显示柱形图，线条上标注数字的上方会显示一个小柱形图， 6

这样可以一眼看出各发运线条上货运量的大小，方便分析。取消勾选则不显示。电脑上需要安装Playbill字体。

5、在地图的右侧，以列表方式显示具体发运关系的数据，包括发运方向、品类数、重量，便于精确掌握数据。表格具有数据条可视化功能，便于一眼预览的比较分析。

6、模板在电脑上观看时为一个屏幕，方便阅读和投影。又可直接打印为一页的A4或A3纸，方便阅读、讨论或者上墙。

之前无论用海报纸画还是visio画，我想一个人1天画10张吧，40+张需要1个人约1周的时间。现在有了这个模板，只需要按格式贴入数据，1秒种即可绘制1张，彻底解放了简单低效、重复无聊的工作，极大地提高了效率，从而可以让你把时间和精力用到真正的供应链业务分析上去。您说这个小模板价值几何？ 本模板可以说是《用地图说话》的又一实际应案例，也很经典，小文件实现了专业工具的功能。由于制作有点复杂，讲解清楚不容易，且适用的企业也不多（首先你要业务在全球、亚太或全国），这里就不写教程了。有兴趣的朋友可参考迁徙地图做法，回复关键字“迁徙”即可阅读。

涉及知识点：

构图思路，数据组织与函数运用。

窗体控件做选择器，驱动整个模型。

7

散点图的灵活运用，标签工具。

条件格式，数据条。

篇三：30款最佳的数据可视化工具

30款最佳的数据可视化工具

各个互联网公司通过大量的用户数据、信息进行统计分析，

而这些大量繁杂的数据在经过可视化工具处理后，就能以图形化的形式展现在用户面前，清晰直观。随着各种数据的增加，这种可视化工具越来越得到开发者们的欢迎。

下面推荐30款可视化工具供大家选择和使用。

s

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

Charts Suit XT

FusionCharts XT是一款跨平台、跨浏览器的JavaScript 8

图表组件，为你提供令人愉悦的JavaScript图表体验。它是最全面的图表解决方案，包含90+图表类型和众多交互功能，包

括3D

、各种仪表、工具提示、向下钻取、缩放和滚动等。它拥有完整的文档以及现成的演示，可以助你快速创建图表。

Maps

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

Pie Charts

Pizza Pie Charts是个响应式饼图图表，基于Adobe Snap

SVG

框架，通过HTML标记和CSS来替代 JavaScript对象，更容易集成各种先进的技术。

Raw是一款免费开源的Web应用程序，并且尽可能简单灵活地使数据可视化。它把自己定义为“电子表格和矢量图形之间丢失的链接”。它可以使数据集载入、复制、粘贴、拖拽、删除与一体，并且允许我们定制化视图和层次。

Raw基于非常流行的库开发，支持很多图表类型， 9

例如泡泡图、映射图、环图等。

t

Lefalet

是一个开源的JavaScript库，用来开发移动友好地交互地图。它是由 Vladimir Agafonkin带领一个专业贡献者团队开发，虽然代码仅有31 KB，但它具开发在线地图的大部分功能。

Lefalet设计坚持简便、高性能和可用性好的思想，在所有主要桌面和移动平台能高效运作，在现代浏览器上会利用HTML5和CSS3的优势，同时也支持旧的浏览器访问。支持插件扩展，有一个友好、易于使用的API文档和一个简单的、可读的源代码。

ick

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

Charts

Ember Charts 是个图表库，使用和框架构建。它包括时间线、条形图、饼图和散点图，非常容易扩展和修改。这些图表组件都是开箱即用的，在图表交互和演 10

示方面应用的很好。

11