Compare
Comparison
2
强调谁更高、谁更低、差距有多大。
Charts Atlas
A charts gallery for reusable visual patterns, code, and use cases.
这里严格沿用主页的版式语言，把图表专题做成站内的一个长期栏目。 首页负责按问题类型编目，详情页负责展示可运行 demo、复制代码和适用场景。
Live Topics
6
首批图表专题页
Copy Ready
TSX
每页附带源码
Gallery
Topics
首页像索引，详情页像文档
Curation Notes
先覆盖最常见的比较、趋势、构成、多维画像四类问题，再逐步扩展。
这一页强调“如何选图”，详情页强调“如何实现”。
下一步可以继续扩到 scatter、heatmap、treemap、sankey。
Map Dimensions
Chart dimensions
这一层只负责导航和定向，帮助读者先判断自己面对的是比较、趋势、构成还是多维画像。 未来每个维度会展开成独立专题页，但 `/charts` 本身仍然保持地图入口的职责。
Track
Trend
2
强调时间、变化速度和拐点。
Compose
Composition
1
强调整体中的结构比例和权重关系。
Profile
Multivariate
1
强调对象在多个维度上的轮廓。
Atlas Index
All chart types
按图表任务建立统一索引，而不是把每一类拆成稀疏的小块。这样在桌面端可以更接近 gallery 的浏览方式，一眼扫过多种图表。
Comparison
Bar Chart
把横向对比做得直接、迅速、毫不含糊。
适合比较不同品类、渠道或时间切片之间的绝对值差异，是最稳妥的第一选择。
类目对比渠道表现排行榜
caution
类别太多时会拥挤，颜色和排序必须克制。
Comparison
Stacked Bar Chart
在同一根柱里同时讲“总量”和“构成”。
适合既要看总体规模，又要看内部占比的业务分析场景，比如市场结构、渠道拆分。
总量+构成分层用户渠道拆解
caution
除第一层外，其他层的精确比较会变难。
Trend
Line Chart
最适合叙述趋势、波动和节奏感。
只要你的横轴有天然顺序，比如时间或阶段，折线图就几乎总是好用。
时间趋势转化率变化增长叙事
caution
时间粒度不统一时，结论会被视觉误导。
Trend
Area Chart
比折线图更有体积感，适合表现累积和强弱。
当你希望趋势不仅被看见，还要被“感受到”，面积图会比纯折线更具情绪。
规模变化活跃度走势资源占用
caution
多序列叠加时，透明度和层级要设计得非常小心。
Composition
Donut Chart
把份额关系做成一个一眼能扫完的圆。
适合讲 part-to-whole 的大结构，尤其是 3 到 5 个主要组成部分时最干净。
流量来源预算分配市场份额
caution
切片过多时会迅速失去可读性。
Multivariate
Radar Chart
适合做多维能力画像，而不是精确比较。
当你想展示一个对象在多个维度上的轮廓，而不是一连串独立数值时，雷达图会很有表现力。
能力画像品牌评估模型对比
caution
维度多了以后，阅读者会更依赖你给出的文案解释。