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

背景

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

正文

对比各大洲的面积

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

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

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

图片部分的效果如下 ⬇️

参考资料

相关推荐
软件交付观察室6 小时前
数据大屏总数与明细为什么对不上?2026项目开发排查指南
软件测试·数据库·sql·sqlite·数据可视化
Highcharts.js6 小时前
Highcharts React v5 正式发布:支持 ESM、更简洁的组件、更出色的开发体验
前端·react.js·前端框架·数据可视化·highcharts·前端可视化·esm
数安旭说13 小时前
企业终端资产与运行状态自动化审计方案,实现全网终端可视化管控
数据安全·it运维·数据可视化·资产管理·终端安全·终端资产·迪康大成
杨超越luckly1 天前
国庆V型、春节迁徙、五一升温:节假日数据里的中国旅游
agent·旅游·数据可视化·节假日·cpi·国定假日
龙亘川1 天前
健康服务规范化背后,数字化如何 “辅助赋能“
大数据·前端·人工智能·智慧城市·数据可视化
SL_staff2 天前
为什么业务总在等IT跑数?从组织断层看数据可用性落地实践
数据分析·数据可视化·全栈
SL_staff3 天前
为什么业务总在等BI报表?JVS-BI的可视化ELT实践解析
spring·数据分析·数据可视化
龙亘川3 天前
系统监控业务建模:从运行状态监测到异常处置恢复闭环
大数据·人工智能·智慧城市·开源软件·数据可视化
龙亘川3 天前
数字化支撑社保合规治理:亘川智城智慧人社模块实践路径
大数据·人工智能·智慧城市·开源软件·数据可视化
Flynt4 天前
开源"间谍卫星"说数据全是真的,我把它的免key数据源挨个试了一遍
前端·开源·数据可视化