设计官方
Canopy Hierarchy Field
将组织层级、品类结构、资产构成和父子贡献做成植物图鉴式层级单图:偏心生长的林冠主图、编辑感衬线标题、森林绿层级面和一个赭金重点路径共同说明“整体由什么组成、哪一支贡献最大、重点位于哪条路径”。优先用于旭日图、矩形树图、冰柱图、树形结构和层级占比;不适合无父子字段的普通类别比较、流程、关系网络或仅有单层构成的数据。
Skill 文件
Skill
references
design-model.yaml
preview.html
SKILL.md
SKILL.md
| name | canopy-hierarchy-field |
|---|---|
| title | Canopy Hierarchy Field |
| description | 将组织层级、品类结构、资产构成和父子贡献做成植物图鉴式层级单图:偏心生长的林冠主图、编辑感衬线标题、森林绿层级面和一个赭金重点路径共同说明“整体由什么组成、哪一支贡献最大、重点位于哪条路径”。优先用于旭日图、矩形树图、冰柱图、树形结构和层级占比;不适合无父子字段的普通类别比较、流程、关系网络或仅有单层构成的数据。 |
Canopy Hierarchy Field
先核对父子关系、层级深度、节点值和父节点汇总规则,再建立层级主场与路径账本。不得从相似名称猜测层级,也不得重复计算父节点和子节点。
Signature invariants
- 暖象牙底、森林绿层级面、枝状深色分隔和一个赭金重点分支构成林冠视觉语言。
- 层级主图以偏心圆冠、嵌套林地或纵向树干占据画布主体;总量进入根部或中心,重点路径直接附着于分支,不使用通用右侧账本。
- 颜色深浅表达层级或同一量,面积/角度表达贡献;同一通道不能混用多个含义。
- 精确规则读取
design-model.yaml。
Composition grammar
Radial canopy specimen — default
- 适合品类、预算、资产、成本、产品组合和层级贡献。
- 三层以上优先使用偏心旭日或环形林冠:标题占据左上负空间,根总量置于中心,赭金路径从父级连续伸向叶级,证据以图鉴标签贴近分支。
Nested field specimen
- 使用矩形树图或冰柱图时,让嵌套区域像连续林地铺满画布,标题沿外缘或空白枝隙放置;不得退回“标题在上、主图在左、账本在右”。
Structural tree
- 适合组织架构、分类体系和依赖层级,但节点大小只有在存在有效数量时才编码规模。
- 若重点是边和跨分支连接,应改用关系网络 Skill。
Expression and capacity
- 用户明确指定 treemap、sunburst、icicle 或 tree 时保留该表达;未指定时根据是否强调贡献、深度或结构选择。
- 首帧展示 2–4 层、5–24 个可见节点;更深层级通过聚合或交互展开。
landscape标题锚定左侧负空间,林冠从右侧越界生长,路径证据做成贴近分支的图鉴标签;square林冠居中并让标题贴合上缘;portrait标题在上、林冠居中、图鉴标签叠入下方空白;wide_short缩小林冠但保持偏心,不切成三栏。- 图表库按容器重算布局,保持面积或角度语义,不得拉伸节点。
Build sequence
- 核对根节点、父子字段、层级深度、节点值和汇总规则。
- 选择准确层级表达,建立主图、面包屑路径和重点账本。
- 只突出一个真实分支,并给出分支贡献、父级占比和路径。
- 按
references/platform-mapping.md验证四类宽高比。
实现前读取 design-model.yaml、references/tokens.md、references/visual-grammar.md 和 references/platform-mapping.md。
Ln 1, Col 1MarkdownSpaces: 2
No errors