我来给你画个山山山山山
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,即可获取
◒◡◒
┊推 - 荐 - 阅 - 读┊