查看原文
其他

我来给你画个山山山山山

想喝咖啡的课代表 澎湃美数课 2021-07-30

 

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


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

From “Radio Observations of the Pulse Profiles and Dispersion Measures of Twelve Pulsars,” by Harold D. Craft, Jr. (September 1970).

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

 


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


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


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

图源  PixaBay


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

 



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




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

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


👉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:另一个部分的数据不需要重复以上全部操作,只需重新粘贴数据和修改颜色,就可以生成一样参数的图表。

 

 

▼ Step 12 :最后在 Ai 里面把这两张合并在一起,这里不做过多的演示了~

 

 


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

欢迎同学们在微博 @澎湃美数课 交作业~
下课~




◒◡◒

┊推 - 荐 - 阅 - 读┊







    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存