Chronicle Trend
设计官方

Chronicle Trend

将连续时间序列做成带关键事件证据的编辑式趋势单图:暖灰纸面上的钴蓝主线占据中央,最新值与变化率形成标题旁的紧凑信号,底部事件带把拐点、峰谷、政策或产品节点对应到明确日期。优先用于营收、用户量、价格、流量、运营指标、同比趋势和预测区间;不适合没有连续时间字段的类别排名、只有事件没有数值的时间线、样本分布或单一指标基准比较。

去使用
interstellar
interstellar
浏览16
使用2

Skill 文件

SKILL.md
name
chronicle-trend
title
Chronicle Trend
description
将连续时间序列做成带关键事件证据的编辑式趋势单图:暖灰纸面上的钴蓝主线占据中央,最新值与变化率形成标题旁的紧凑信号,底部事件带把拐点、峰谷、政策或产品节点对应到明确日期。优先用于营收、用户量、价格、流量、运营指标、同比趋势和预测区间;不适合没有连续时间字段的类别排名、只有事件没有数值的时间线、样本分布或单一指标基准比较。

Chronicle Trend

仅在时间是主要分析轴、且读者需要理解数值如何变化时使用本 Skill。先确认时间粒度、连续性、单位和比较口径,再决定是否加入事件或预测。

Signature invariants

  • 暖灰纸面、深墨文字、单一钴蓝主序列和一个朱红重点共同构成编辑式年表气质。
  • 一个结论型标题与紧凑的最新值信号位于顶部,中央连续时间图占据最大区域。
  • 底部事件证据带只记录能够解释或定位趋势变化的真实日期与事件,不作为装饰性时间线。
  • 主序列使用实线;比较序列使用细灰线;预测使用虚线与低透明区间,并明确标记起点。
  • 不使用卡片阵列、渐变面积、平滑到掩盖真实波动的曲线或与时间无关的大数字装饰。
  • 精确比例、字体、颜色和容量以 design-model.yaml 为准。

Composition grammar

Headline, time plot and event ledger — default

  • 适合单一主序列随日、周、月、季度或年变化,并需要标出少量真实事件的任务。
  • 顶部标题陈述对象、方向和必要时间范围;最新值信号只保留当前值及一个最相关的同比、环比或起止变化。
  • 主时间图直接标注最新点、极值或关键拐点。事件证据带使用日期、短标题和一行说明,与图中的垂直事件规则共享位置或编号。
  • 没有真实事件时保留时间图,将底部证据带改为周期范围、预测口径或来源说明,不得编造事件填充。

Primary trend with context series

  • 仅当 1–2 条比较序列与主序列共享单位、时间粒度和有效时间范围时使用。
  • 主序列保持钴蓝和最强线宽;比较序列使用细灰线,不为每条序列分配高饱和颜色。
  • 超过三条序列或需要逐系列探索时,不使用本 Skill。

Expression and capacity

  • 用户明确指定折线、面积、阶梯线、指数化趋势或预测带时,只要仍表达连续时间变化就保留。
  • 主图最多一条主序列和两条上下文序列;事件标注保持 2–4 个,避免每个点都添加说明。
  • 时间点通常为 6–36 个;更高频数据先按业务有效粒度聚合,不随机抽样或截取前若干点。
  • 同比、环比、累计变化和起止变化必须明确区分;预测区间、目标线和历史实绩不得使用相同线型。
  • 字体、字号、构图比例和容量只读取 design-model.yaml;图形细节读取 references/visual-grammar.md

Responsive transformation

  • landscape:标题与最新值共享顶部,主图横跨中央,事件证据带位于底部。
  • square:压缩标题和元数据高度,主图保持横向时间轴,事件带减少为两个关键节点。
  • portrait:标题、最新值、主图和纵向事件摘要依次排列,主图仍保留从左到右的时间方向。
  • wide_short:标题与最新值合并为左侧窄栏,主图占中央,事件摘要移至右侧。
  • 所有模式保留主序列、时间方向、最新值和至少一个真实事件或口径说明;降级顺序读取 design-model.yaml

Build sequence

  1. 确认时间字段、粒度、完整范围、主序列、单位和缺失时间点处理方式。
  2. 复算最新值、变化率、极值与需要强调的拐点,区分历史、预测和目标。
  3. 先建立标题、最新值、主时间图和事件带四个区域,再绘制序列、轴与事件规则。
  4. 使用成熟图表库绘制折线、面积、阶梯线和预测区间;HTML 负责标题和事件带,避免用 CSS 手画数据折线。
  5. 检查时间顺序、比例尺、比较口径和事件日期,再按 references/platform-mapping.md 验证四类宽高比。

完成前反向检查:如果成品像 KPI 看板、事件列表、普通折线图截图,或者事件说明无法与真实日期对应,必须重做构图。

实现前读取 design-model.yamlreferences/tokens.mdreferences/visual-grammar.mdreferences/platform-mapping.md

Ln 1, Col 1MarkdownSpaces: 2
No errors