用 Mermaid 的 Treemap 对比各大洲的面积

背景

mermaid.live/ 网站支持多种图。如果想用矩形的面积来直观展示一些数据量的对比,可以使用 Treemap Diagram

正文

对比各大洲的面积

我收集了各大洲的面积数据,并按照 Treemap Diagram 的语法整理如下 ⬇️

text 复制代码
treemap-beta
"七大洲面积比较(单位:万平方千米)"
    "亚洲": 4400
    "非洲": 3000
    "北美洲": 2400
    "南美洲": 1800
    "南极洲": 1400
    "欧洲": 1000
    "大洋洲": 900

将这些文字复制到 mermaid.live/ 就可以看到对应的效果了

图片部分的效果如下 ⬇️

参考资料

相关推荐
一晌小贪欢2 小时前
python-第29天:Python面向对象之多态与抽象类
开发语言·python·数据可视化·面向对象·python办公·python多态
躺柒6 小时前
读数据可视化24跨媒体数据(下)
信息可视化·可视化·数据可视化·多媒体·超媒体·跨媒体
图扑软件1 天前
中篇・运笔|统一 DataModel 底座,HT UI 组件万物同源
javascript·低代码·ui·性能优化·数据可视化
DolitD1 天前
实时云渲染多应用并发:CELL容器技术突破3D隔离瓶颈
云原生·容器·实时互动·图形渲染·数据可视化
躺柒1 天前
读数据可视化23跨媒体数据(上)
信息可视化·数据分析·可视化·数据可视化·多媒体·超媒体·跨媒体
一晌小贪欢1 天前
python-第27天:Python面向对象详解
开发语言·python·数据可视化·面向对象·python办公
Highcharts.js1 天前
甘特图纵向任务、横向时间显示图表可视化开发|Highcharts甘特图示例
开发语言·前端·javascript·可视化·甘特图·数据可视化·highcharts
山海鲸实战案例分享2 天前
山海鲸可视化VS镝数图表:数据放在本地还是云端?私有化部署与在线服务的安全账该怎么算
数字孪生·数据可视化·零代码·山海鲸可视化·镝数图表
拿本唠嗑AI研究2 天前
从零构建 AI 对话监控仪表盘:Langfuse + Langchain + DeepSeek + FastAPI + WebSocket 实时架构实践(含源代
人工智能·数据可视化