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

背景

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

正文

对比各大洲的面积

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

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

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

图片部分的效果如下 ⬇️

参考资料

相关推荐
报表开不开发19 小时前
用开源报表工具SpringReport做车间大屏+Excel 导出,我踩过的一些坑,基于最初版本的设计开发
数据可视化
QuZhengRong1 天前
【Luck‑Report】 AI 智能报表助手 + RAG 知识库 + 报表引擎 V2.0.9 更新
github·agent·报表·开源项目·数据可视化
MetWeave1 天前
风的三十年:一个机场的风在变小吗:10,958 天的账(《风不是一个数》系列第 6 篇)
前端·数据可视化
AllData公司负责人2 天前
【产品便捷使用一】AIIData 数据中台:企业基础版核心能力支持,一站式全链路数据处理实操指南
大数据·前端·数据治理·数据可视化·数据开发·数据服务·数据接入
wangweilong3343 天前
把一部古典小说建模成知识图谱:红楼梦图鉴的数据、本体和单文件 HTML
数据可视化
Blockbuater_drug3 天前
《经典机器学习实战》第 2 课:回归入门——环境、工具与数据准备
线性回归·pandas·scikit-learn·数据可视化·数据清洗·最小二乘法·conda环境
阿琳a_3 天前
b-map-viewer:面向 Vue 3 的地图可视化 SDK,从接入到展示再到交互分析
前端·javascript·vue.js·gis·数据可视化·地图
MetWeave4 天前
一朵玫瑰,装下一年的风(《风不是一个数》系列第 5 篇
前端·数据可视化
桑年5 天前
四、Pandas数据处理
人工智能·python·线性代数·pandas·数据可视化·数据处理
QianhangQianping5 天前
WebSocket实时推送+ HTTP 定时轮询:一块大屏两套取数怎么不打架
前端·websocket·网络协议·http·低代码·架构·数据可视化