Difference chart | Benbinbin | Observable
ojs
ojs
ojs
ojs
ojs
Author
Benbinbin
@benbinbin
Creator
Comments (2)
Benbinbin
May 20, 2024
Difference Chart 差异图如果不标注颜色其实就是一个 Area Chart 面积图(具体来说更像是 Band Chart,它的下界一般不是横轴) 但标注上颜色就显得不同了,该类型的图形是为了凸显两个研究目标之间的差异,而且绘制方式也和一般面积图不同 理解差异图时可以将其看作由两条折线构成(不是单纯的面积图的上界和下界),例如图中**加粗的线**就表示三藩市的每日平均温度随时间的变化,那么相应地面积图的另一条边就是纽约的每日平均温度随时间的变化,这两条线之间的区域就构成了面积图 可以根据两个折线之间的高低差异,为相应的面积区域标注不同的颜色,以凸显两个研究目标之间的大小差异
Benbinbin
May 23, 2024
另外可以查看另一个版本 Difference chart - v2
https://observablehq.com/@benbinbin/difference-chart-v2
它对代码进行了简化,渲染生成的可视化图形是相同的
Reply
Add comment
Subscribe to notifications
© 2026 Observable, Inc.
Terms of service
Privacy policy
Product
About
Pricing
Documentation
Release notes
Contact us
Open source
Notebook Kit
Plot
D3
Community
Public
Forum
Bluesky
YouTube
X
Observable
Sign up
Benbinbin
0
Reply
Add comment
Subscribe to notifications
1
Difference chart | Benbinbin | Observable