1979年，英国乐队快乐小分队（Joy Division）发行了首张唱片《Unknown Pleasures》。如果你对 Joy Division 这个乐队亦或是《Unknown Pleasures》这张专辑完全没听过，但这些看上去突出的山峰或波浪你一定不会陌生。

事实上这并不是山峰或波浪，这是人类第一颗发现的脉冲星 CP 1919 的脉冲信号。

这个经典的图案曾多次出现在影视作品中，比如《头号玩家》中的一个彩蛋，女主背心上印的就是这个图案。

日本大众服装品牌，也推出了这个图案的T恤。

在可视化领域中，可视化爱好者 Henrik Lindberg 就把各种运动的时间数据通过这个模式呈现，一目了然地看出不同运动高峰时间的偏好。

由于受到 Joy Division 那张专辑的启发，这种图表命名为 Joy Plot  ，现在改名为 Ridgeline Plot 。同时，这种形式峰峦叠嶂的样子，我们也称这种图表为 叠嶂图   。

作者还把叠嶂图和热力图进行比较，相同的数据，叠嶂图更容易看出对比。

那么课代表今天就教大家如何制作叠嶂图～

这张图课代表是用 Processing 制作的，一款基于 Java 编程语言的程序写的。

别怕！为了方便同学们操作，这次的教学仍然是无代码操作！之前分享过的在线工具 PlotDB 和 Flourish 都可以制作叠嶂图。

👉PlotDB（ https://plotdb.com ）

📍操作简单，可调节参数较少。

👉Flourish（ https://flourish.studio ） 

📍功能更全，但操作也更复杂。

这节课我们选择用 Flourish 制作叠嶂图（公众号后台回复数据 07 ，获取数据）

▼ Step 1 ：选择 Grid of line charts，别看缩略图只是折线图，这个类别是可以切换成柱状图、面积图、折线图等。

▼ Step 2 ：我们把数据粘贴到表格中，记得修改 【Values 】的范围为 B-AG 列。

▼ Step 3 ：选择图表类型为 【Area Chart (stacked)】，就可以转化为面积图。

▼ Step 4 ：在【Grid of charts】 里面设置每一行只有一个图表。

▼ Step 5 ：在【Chart type 】里调整每一行的高度到合适的大小。

▼ Step 6：由于此图表由离开武汉和进入武汉两组叠嶂图叠在一起，所以为了我们保证两组的高度一致，在 【Y axis】 里确定最小值和最大值，为了美观可以隐藏掉横轴。

▼ Step 7 ：如何让图表靠近形成层叠的效果呢？同学们需要在【Grid of charts】 的 【Vertical margin 】里面调整垂直边距，这里课代表让图表向上平移 -5 的距离，这样叠嶂图的雏形就基本出来了。

▼ Step 8 ：修改颜色就不必多说了。

▼ Step 9 ：调整一下省份的位置，先把每个图表的标题省份字体设置为0，会看到尺寸缩短，可以再调整画布的高度。最后开启【Labels】，图表右边会显示每个省份。

▼ Step 10 ：为了方便在 Adobe Illustrator 里面修改，这里我们可以下载 SVG 。

▼ Step 11：另一个部分的数据不需要重复以上全部操作，只需重新粘贴数据和修改颜色，就可以生成一样参数的图表。

本节课数据公众号后台回复 07，即可获取

◒◡◒

┊推 - 荐 - 阅 - 读┊