太强了！60 种可视化图表制作工具和使用场景（推荐收藏）

可视化图表种类如此之多，什么场景下应该用什么图表展示，是一个让人头秃的难题。

数据可视化的爱好者Severino Ribecca，他在自己的网站上收录了 60 种可视化图表样式以及它们分别适用于什么样的场景，并且推荐了相应的制作工具。

值得一看。

点阵图

点数图 (Point & Figure Charts)也称为「P&F 图」，使用由 X 和 O 符号组成的一系列方格来显示特定资产的供需关系。

这种图表与时间无直接关系，主要集中看资产的过滤价格表现；它也不会显示交易量，其目的只是显示任何供需关系上的变化，称为「突破」(breakouts)。

推荐制作的工具有：rpnf。

弧线图

折线图用于在连续间隔或时间跨度上显示定量数值，最常用来显示趋势和关系。

此外，折线图也能给出某时间段内的「整体概览」，看看数据在这段时间内的发展情况。

推荐的制作工具有：MS Excel、Apple Numbers、D3、DataHero、Datamatic、Datawrapper、Envision.js、Google Charts、Google Docs、Infogr.am、OnlineChartTool.com、SlemmaVega。

平行坐标图

也称为「网络地图」或「节点链路图」，用来显示事物之间的关系类型。

这些节点通常是圆点或小圆圈，但也可以使用图标。

网络图主要有分别为「不定向」和「定向」两种。不定向网络图仅显示实体之间的连接，而定向网络图则可显示连接是单向还是双向（通过小箭头）。

网络图数据容量有限，并且当节点太多时会形成类似「毛球」的图案，使人难以阅读。

推荐的制作工具有：Cytoscape、Datamatic、Gephi、Graph-tool、Mike Bostock’s Block、Plot.ly、sigmajs、Vega、ZoomCharts。

象形图

直方图适合用来显示在连续间隔或特定时间段内的数据分布，有助于估计数值集中位置、上下限值以及确定是否存在差距或异常值；也可粗略显示概率分布。

推荐的制作工具有：MS Excel、Apple Numbers、D3、Datavisual、Google Docs、Infogr.am、OnlineChartTool.com、Protovis、R Graph Gallery、Slemma。

密度图

人口金字塔 (Population Pyramid) 也称为「年龄性别金字塔」，是彼此背靠背的一对直方图，显示所有年龄组和男女人口的分布情况。

人口金字塔最适合用来检测人口模式的变化或差异。多个人口金字塔放在一起更可用于比较各国或不同群体之间的人口模式。

推荐制作的工具有：AnyChart、D3 (重叠版本)、Vega、ZingChart。

条形图

多组条形图也称为「分组条形图」或「复式条形图」，是条形图的变种。

多组条形图通常用来将分组变量或类别与其他数据组进行比较，也可用来比较迷你直方图，每组内的每个条形将表示变量的显著间隔。

但缺点是，当有太多条形组合在一起时将难以阅读。

推荐的制作工具有：D3、DataHero、Datavisual、Datawrapper、Infogr.am、NVD3.js、R Graph Gallery、Slemma、Vega、Visage、ZoomCharts。

堆叠式条形图

不等宽柱状图 (Marimekko Chart)也称为「马赛克图」，用来显示分类数据中一对变量之间的关系，原理类似双向的 100% 堆叠式条形图，但其中所有条形在数值/标尺轴上具有相等长度，并会被划分成段。

不等宽柱状图的主要缺点在于难以阅读，特别是当含有大量分段的时候。此外，我们也很难准确地对每个分段进行比较，因为它们并非沿着共同基线排列在一起。

因此，不等宽柱状图较为适合提供数据概览。

推荐的制作工具有：D3。

面积图

非常适合用来比较数值和显示比例（尺寸、数量等），以便快速全面地了解数据的相对大小，而无需使用刻度。

比例面积图通常使用正方形或圆形，常见技术错误是，使用长度来确定形状大小，而非计算形状中的空间面积，导致数值出现指数级的增长和减少。

推荐的制作工具有：D3、Datamatic、Datavisual、Infogr.am

堆叠式面积图

这种图表是堆叠式面积图的一种变体，但其数值并非沿着固定直线轴来绘制，而是围绕着不断变化的中心基线。

通过使用流动的有机形状，量化波形图 (Stream Graph) 可显示不同类别的数据随着时间的变化，这些有机形状有点像河流，因此量化波形图看起来相当美观。

在量化波形图中，每个波浪的形状大小都与每个类别中的数值成比例。与波形图平行流动的轴用作时间刻度。我们也可以用不同颜色区分每个类别，或者通过改变色彩来显示每个类别的附加定量值。

此外，当他们以互动形式展示时，比静态或印刷出来更有效率。

推荐的制作工具有：Bob Rudis’ GitHub、D3、infogr.am、JSFiddle、Lee Byron’s GitHub、NVD3.js、plotDB、Protovis、RAWGraphs、Stream graph generator。

雷达图

桑基图 (Sankey Diagram) 用来显示流向和数量。

在每个流程阶段中，流向箭头或线可以组合在一起，或者往不同路径各自分开。我们可用不同颜色来区分图表中的不同类别，或表示从一个阶段到另一个阶段的转换。

推荐的制作工具有：RAWGraphs、Sankey Diagram Generator、Sankey Diagrams Blog Software List、Sankey Flow Show、SankeyMATIC、Tamc。

平行集合图

误差线可以作为一项增强功能来显示数据变化，通常用于显示范围数据集中的标准偏差、标准误差、置信区间或最小/最大值。

误差线总是平行于定量标尺的轴线，可以是垂直或水平显示（取决于定量标尺是在 Y 轴还是 X 轴上）。

推荐的工具有：AnyChart、Highcharts、plotly、Vega。

树形结构图

圆堆积 (Circle Packing) 也称为「圆形树结构图」，是树形结构图的变体，使用圆形（而非矩形）一层又一层地代表整个层次结构。

每个圆形的面积也可用来表示额外任意数值，如数量或文件大小。我们也可用颜色将数据进行分类，或通过不同色调表示另一个变量。

虽然圆堆积看起来漂亮，但不及树形结构图般节省空间（因为圆圈内会有很多空白处），可是它实际上比树形结构图更能有效显示层次结构。

推荐的制作工具有：D3、D3 Zoomable、RAWGraphs。

饼图

圆环图 (Donut Chart) 基本上就是饼形图，只是中间的部分被切掉。

不过，圆环图还是比饼形图略有优势，它让人不再只看「饼」的面积，反面更重视总体数值的变化：专注于阅读弧线的长度，而不是比较「饼与饼」之间的比例不同。

另外，圆环图中间的空白处更可以用来显示其他信息，因此更能节省空间。

推荐的制作工具有：D3、DataHero、Datamatic、Datavisual、Datawrapper、Google Docs、Infogr.am、Protovis、Slemma、Visage、ZingChart、ZoomCharts。

南丁格尔玫瑰图

也称为「多层饼形图」或「径向树图」，通过一系列的圆环显示层次结构，再按不同类别节点进行切割。

推荐的制作工具有：Aculocity、D3、JavaScript InfoVis Toolkit、MS Office、Protovis、RAWGraphs、

螺旋图

径向条形图是在极坐标系上绘制的条形图。

虽然看起来很美观，但径向条形图上条形的长度可能会被人误解。

推荐制作工具有：AnyChart。

径向柱图

热图 (Heatmap) 通过色彩变化来显示数据，当应用在表格时，热图适合用来交叉检查多变量的数据。

热图适用于显示多个变量之间的差异；显示当中任何模式；显示是否有彼此相似的变量；以及检测彼此之间是否存在任何相关性。

由于热图依赖颜色来表达数值，它比较适合用来显示广泛数值数据，因为要准确地指出色调之间的差异始终有难度，也较难从中提取特定数据点（除非在单元格中加入原始数据）。

推荐的制作工具有：MS Excel、Apple Numbers、Amcharts、AnyChart、Highcharts、jChartFX、plot.ly、R Graph、Zing Chart。

散点图

气泡图是一种包含多个变量的图表，结合了散点图和比例面积图，圆圈大小需要按照圆的面积来绘制，而非其半径或直径。

通过利用定位和比例，气泡图通常用来比较和显示已标记/已分类的圆圈之间的关系。

可是，过多气泡会使图表难以阅读，但我们可以在图表中加入交互性功能来解决这个问题（点击或把鼠标悬停在气泡上以显示隐藏信息），也可选择重组或筛选分组类别。

推荐制作的工具有：AnyChart、Google Charts、Google Docs、Infogr.am、jChartFX、Online Chart Tool、RAWGraphs、Slemma、Visage、ZingChart

气泡地形图

地区分布图通常用来显示不同区域与数据变量之间的关系，并把所显示位置的数值变化或模式进行可视化处理。

我们在地图上每个区域以不同深浅度的颜色表示数据变量，例如从一种颜色渐变成另一种颜色、单色调渐进、从透明到不透明、从光到暗，甚至动用整个色谱。

但缺点是无法准确读取或比较地图中的数值。此外，较大的地区会比较小区域更加显眼，影响读者对数值的感知。

绘制地区分布图时的常见错误：对原始数据值（例如人口）进行运算，而不是使用归一化值（例：计算每平方公里的人口）。

推荐的制作工具有：amMaps、D3、d3.geomap、Google Charts、Google Docs、DataHero、Datamatic、Datawrapper、Infogr.am、Kartograph、Polymaps、Slemma、Target Map.com、Vega。

点示地图

连接地图 (Connection Map) 是用直线或曲线连接地图上不同地点的一种图表。

连接地图非常适合用来显示地理连接和关系，也可以通过研究连接地图上的连接分布或集中程度来显示空间格局。

推荐的制作工具是：AnyChart、ECharts、Javascript Maps、Curved、Straight、ZoomCharts。

流向地图

甘特图 (Gantt Chart) 通常用作项目管理的组织工具，显示活动（或任务）列表和持续时间，也显示每项活动何时开始和结束。

甘特图适合用来规划和估计整个项目的所需时间，也可显示相互重迭的活动。

推荐的制作工具有：AnyChart、Amcharts、DHTMLX、GanttPro、Google Charts、Redbooth、RAWGraphs、Smartsheet。

箱形图

子弹图 (Bullet Graph) 的功能类似于条形图，但加入更多视像元素，提供更多补充信息。

子弹图最初由 Stephen Few 开发，用来取代仪表盘上如里程表或时速表这类图形仪表，解决显示信息不足的问题，而且能有效节省空间，更可除掉仪表盘上一些不必要的东西。

推荐的制作工具有：am chartsAnyChart、D3、DimpleJS、IgniteUI、jChartFX 、moderndata.plot.ly、NVD3.js、Protovis。

蜡烛图

也称为「范围条形/柱形图」或「浮动条形图」，用来显示数据集内最小值和最大值之间的范围，适合用来比较范围，尤其是已分类的范围。

跨度图只集中显示极端数值，不提供任何关于最小值和最大值之间的数值、整体平均值或数据分布等其他信息。

推荐制作工具有：AnyChart、D3, Arpit Narechania’s Block、ZingChart。

卡吉图

美国线 (Open-high-low-close Charts) 也称为「OHLC 图」或「价格图」，通常用作交易工具，显示和分析证券、货币、股票、债券等商品随时间的价格变动。

推荐的制作工具有：Amcharts、AnyChart、ByteMuse.com、CanvasJS、jChartFX、Plotly、vaadin、Zing Chart。

弦图

非彩带弦图 (Non-ribbon Chord Diagram) 是弦图的一个精简版本，仅显示节点和连接线，更加强调数据之间的连接关系。

推荐的制作工具有：Circos。

树形图

流程图 (Flow Chart) 使用一系列相互连接的符号绘制出整个过程，从而解释复杂和/或抽象的过程、系统、概念或算法的运作模式。

不同符号代表不同意思，每种都具有各自的特定形状。流程图以弧形矩形表示流程的开始和结束；线段或箭头用于显示从一个步骤到另一个步骤的方向或流程；简单的指令或动作用矩形来表示，而当需要作出决定时，则使用钻石形状…

推荐的制作工具有：asciiflow、Creately、draw.io、gliffy、GoJS、Google Drawings、LucidChart、MS Visio。

脑力激荡图图

记数符号图表 (Tally Chart) 既是记录工具，也可通过使用标记数字系统来显示数据分布频率。

在绘制记数符号图表时，将类别、数值或间隔放置在同一个轴或列（通常为 Y 轴或左侧第一列）上。每当出现数值时，在相应的列或行中添加记数符号。

完成收集所有数据后，把所有标记加起来并把总数写在下一列或下一行中，最终结果类似于直方图。

推荐的制作工具有：纸和笔。

日历图

时间线 (Timeline) 是以时间顺序显示一系列事件的图象化方式，主要功能是传达时间相关信息，用于分析或呈现历史故事。

如果是按比例绘制的时间线，我们可以通过查看不同事件之间的时间间隔，了解事件发生的时间或即将在何时发生，从中查找时间段内的事件是否遵循任何模式，或者事件在该时间段内如何分布。

有时时间线会与图表相互结合，显示定量数据随时间的变化。

推荐的制作工具有：Google Charts、Timeline.js、Tiki-Toki、Vega。

时间表

说明图旨在使用笔记、标签和图例来解释说明所显示的图像，以便解释概念或方法、描述物件或场所、显示事情的运作变化或帮助了解所显示的主题。

所使用的图像可以是象征性、图像化或真实相片。

茎叶图

文氏图 (Venn Diagram) 也称为「集合图」，显示集与集之间所有可能存在的逻辑关系，每个集通常以一个圆圈表示。

每个集都是一组具有共同之处的物件或数据，当多个圆圈（集）相互重迭时，称为交集 (intersection)，里面的数据同时具有重迭集中的所有属性。

推荐工具有：Datamatic、gliffy、R Graph Gallery、ZingChart。

小提琴图

字云图 (Word Cloud) 也称为「标签云图」、「词云」等，每个此的大小与其出现频率成正比，以此显示不同单词在给定文本中的出现频率，然后将所有的字词排在一起，形成云状图案。

在字云图上使用颜色通常都是毫无意义的，主要是为了美观，但我们可以用颜色对单词进行分类。

推荐的制作工具有：D3、Datamatic、Infogr.am、R Graph Gallery、Vega、Visage、Wordclouds.com、Wordle、ZingChart。

转自： 数据在线；

END

---

版权声明：本号内容部分来自互联网，转载请注明原文链接和作者，如有侵权或出处有误请和我们联系。

---

合作请加QQ：365242293  

数据分析（ID : ecshujufenxi ）互联网科技与数据圈自己的微信，也是WeMedia自媒体联盟成员之一，WeMedia联盟覆盖5000万人群。

来源：数据分析v