Canopy Hierarchy Field
设计官方

Canopy Hierarchy Field

将组织层级、品类结构、资产构成和父子贡献做成植物图鉴式层级单图:偏心生长的林冠主图、编辑感衬线标题、森林绿层级面和一个赭金重点路径共同说明“整体由什么组成、哪一支贡献最大、重点位于哪条路径”。优先用于旭日图、矩形树图、冰柱图、树形结构和层级占比;不适合无父子字段的普通类别比较、流程、关系网络或仅有单层构成的数据。

去使用
interstellar
interstellar
浏览256
使用8

Skill 文件

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

  1. 核对根节点、父子字段、层级深度、节点值和汇总规则。
  2. 选择准确层级表达,建立主图、面包屑路径和重点账本。
  3. 只突出一个真实分支,并给出分支贡献、父级占比和路径。
  4. 按 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