图之典

                图之典 ——可视化图表的词典
<p class="tips">简单易用的图表词典，为你的学习和工作提供科学的可视化建议
<div class="sc-7jfjef-1 gPOYuf">
<p class="ctx">图之典(Gradict）是由图之可视化工作室（Plothis Studio）制作和维护的数据可视化知识分享站点。本站致力于为数据可视化、数据分析、数据新闻、商业智能等相关领域的朋友提供一个学习可视化专业知识的平台。平台的内容主要涵盖了可视化图表的分类和一些专业概念的介绍。

图之典是由一群对数据可视化充满热情的人共同建立起来的。我们来自五湖四海，来自各大公司，为了共同的爱好和使命，利用工作之余的时间攒起了这个网站。在这个数据时代，我们希望在数据和人之间搭起一座桥梁——数据可视化。帮助大家更好的了解可视化、使用可视化工具，这是我们简单的初衷。图之典的首创者们，都来自图之可视化工作室。其实，与其说是工作室，不如说是一个由爱好组成的兴趣小组。我们一起探讨、一起创作、一起成长。当然，图之典的发展和充实也需要更多力量的加入，我们也非常期待你可以为这个站点添砖加瓦。

<p class="ctx">本站的知识信息是公开、开源的。任何对于本站内容有建议的朋友都可以联系我们，贡献你的知识。

<div class="long-text-container">
<h3 class="block-title">使用说明

欢迎使用图之典！在这里，您可以寻找图表的定义、用法、案例，获取制作教程、学习资源，还可以加入学习社群，甚至亲身参与网站的完善。为帮助您更好的使用网站功能，我们编写了如下指引：

<div class="section">
首页

首页是图表的集中展示区。您可以自由浏览，选择感兴趣的图表深入了解。也可通过页面上方的筛选器，进行有目的的搜索。目前，一期的图表已经上线，二期的更多图表正在积极筹备中。

筛选器支持4种筛选方式（支持多选）：

1.常用图表。即人们通俗认知下的图表分类，如折线图类、柱状图类、饼图类等。

2.形状。包括圆形、矩形、柱形、三角形等。若您在设计上有特定的偏好或需求，可使用这一功能进行筛选。

3.图类。分为统计图表、示意图、地图和表格。统计图表重在诠释数据的统计结果（如占比、加总、分组等），我们常见的柱状图、饼图、折线图等都属于此类；示意图则常用于表示流程和关系，例如桑基图、力导向图等。

4.功能。分为比较、组成、分布、关系、趋势5大类。您可根据自己的需求，选取对应的功能。

<div class="section">
详情页

每个图表都有一个详情页面，对其进行深入讲解，结构包括：

1.图表名称、代表性图片。

2.简介。包含图表的定义及用法的综述。

3.图表属性。包括该图表是否属于常用图表，以及它的形状、图类、功能。

4.图表详解。包括3部分：（1）元素构成。使用具体案例，讲解图表的涵义，以及如何由原始数据一步步推导，最终画出图表。（2）适用场景。即该图表最适合使用的情境。（3）不适用场景。即使用中可能出现的误区，以及一些真实的反面案例。

5.相似图表。考虑到潜在的不同需求，我们将相似图表细分为了：（1）仅外形相似（但功能不相似）（2）仅功能相似（但外形不相似）（3）外形功能都相似。这一功能的目的，一方面是帮助您寻找某一图表的“替代者”，为可视化提供更多选择；另一方面，则有助于避免图表的误用，比如将两个仅外形相似的图表当作功能相同来使用。

6.设计案例。这一部分汇集了我们精心挑选的设计案例，整体侧重于设计和美观性和创意性。在选取案例时，我们尽量兼顾了案例的多样性，并配以了简短的文字介绍，以便您快速了解该案例的出彩之处，如排版、用色上的巧思，如何做变形处理，以及采用视频、交互、布展等多种媒介形式等等。您可点击图片，查看大图。也可以点击按钮，访问原作品网页。

7.使用场景。从真实的场景、需求出发，讲解该图表实际的应用情境，囊括了企业、金融、体育、环境、新闻等诸多领域，期望对您有所启发。您也可以点击文字后的链接，访问原作品网页，或者阅读更多。

8.制作教程。我们将工具分为了BI工具、代码库、设计软件3大类，并选取了每一类型中使用较为广泛的工具，搜寻相关教程。我们尽量寻找了那些深入浅出、相对权威、发布较新的文章和视频，但难免单薄或有所遗漏。如果您有更好的教程推荐，我们将非常欢迎您参与到贡献中！

9.专项工具。指能够专门制作该图表的工具，或者方便易用、值得推荐的工具。

10.学习资源。即值得延伸阅读的文章。

11.参考文献。该页出现过的所有引用。

12.贡献者。对该页有所贡献的人员，鼠标移动上去可查看贡献内容。

                        <div class="wbp-cbm" wb-share-url="https://www.zjnav.com/?p=19128"><div class="dwqr-inner"><svg class="wb-icon wbsico-donate"><use xlink:href="https://www.zjnav.com/sites/19128.html#wbsico-dwqr-donate"></use></svg>

打赏

<svg class="wb-icon wbsico-like"><use xlink:href="https://www.zjnav.com/sites/19128.html#wbsico-dwqr-like"></use></svg><span class="like-count">赞<svg class="wb-icon wbsico-poster"><use xlink:href="https://www.zjnav.com/sites/19128.html#wbsico-dwqr-poster"></use></svg>

微海报

<svg class="wb-icon wbsico-share"><use xlink:href="https://www.zjnav.com/sites/19128.html#wbsico-dwqr-share"></use></svg>

分享