Visualization

Starter of the visualization; Paper Notes about visualization

箱线图(Box and Whisker Plot)

箱线图(Box and Whisker Plot)

Copyright 译自:http://www.datavizcatalogue.com/methods/box_plot.html Description 箱线图(Box and Whisker Plot或Box Plot)是利用四分位数可视化展现一系列数据的方式。平行于箱子的延展线被称为"Whiskers",其被用于指示大于较大四分位数和小于较小四分位数的变化。有时候会将异常值绘制成点,并与“Whiskers”共线。箱形图可以垂直或水平绘制。 虽然箱线图与柱状图和密度图相比,虽然看起来很原始,但是所占用的空间少。这在比较多个数据集的分布时是很有优势的。 从箱线图中可以观察到的信息有:

柱状图(Bar Chart)

柱状图(Bar Chart)

Copyright 译自:http://www.datavizcatalogue.com/methods/bar_chart.html Description 柱状图(Bar Chart,Bar Graph或Column Graph)会使用水平或竖直的柱形来比较不同类别之间离散数值。其中一个轴用来表示具体的类别,另一个轴则用来表示离散的数值的范围。 柱状图不同于直方图。直方图表现的是一个时间段内的发展过程,而柱状图表现的是每个类别的数值,其回答的是这一类别有多少的问题。 柱状图的主要缺陷在于当类别很多时,在坐标轴上标识类别会变的很麻烦。 Anatomy D3 Javascript: var colors = ["#22B573&

面积图(Area Graph)

面积图(Area Graph)

Copyright 译自:http://www.datavizcatalogue.com/methods/area_graph.html Description 面积图(Area Graph)是折线图(Line Graph)的一种,但是其折线下方的区域会被填充上颜色或纹理。绘制面积图,首先需要在笛卡尔坐标系内绘制数据点,然后连接所有数据点,最后填充折线下方的空间。 面积图有两种比较流行的变种:分组面积图和堆叠面积图。分组面积图都是从零开始的,而堆叠面积图则是从前一个系列数据上开始的。 与折线图一样,面积图通常用于展现一个时间段内的数值的变化态势。他们的表现重点通常是趋势而非具体的数值。 Anatomy

Arc Diagram

Arc Diagram

Copyright 译自:http://www.datavizcatalogue.com/methods/arc_diagram.html Description Arc Diagram 是二维 Network Diagram 的一种特殊表现形式,所有的结点都在一条直线上。结点之间使用弧线来表示他们之间有关联,而关联的紧密程度可以通过弧线的粗细来表示。 Arc Diagram 可以用于发现数据之间的共现关系。 Anatomy Generate by D3 CSS: .node { stroke: #ffffff; stroke-weight: 1px;

D3 Selection Memo

There is a code snippet in the tutorials of d3.js. It will create a bar chart in the div. <body> <div class="chart"> </div>