Charts / CH-TIM-11
CH-TIM-11 . family TIM

STREAMGRAPH

stacked bands around a centered silhouette baseline. Needs: ordered periods + 3-4 non-negative components; shape over readability.

trendcompositionvolume

DL-01 AGRAW
Total flow tripled; the mix barely moved J F M A M J J A S O N D Road Rail Barge total 58 loads Source: sample dataset v1, 2026-07-12

Use when

  • WARN: editorial texture pieces where the organic silhouette IS the message
  • long series where only the total's swell matters

Do not use when

  • any reading task at all: every baseline wanders by construction
  • few periods (the silhouette needs length to mean anything)

See instead

Alternatives

  • CH-TIM-04 (readable baselines)
  • CH-TIM-01 (exact levels)

Rules

  • centered baseline: -total/2, deterministic
  • bands named at right ends, never a legend
  • no y axis: a wandering baseline forbids one honestly

Never do this

  • WARN ENTRY: streamgraphs cannot be read, only admired; CH-TIM-04 for any real question
  • y axes on a wandering baseline
  • legends
  • more than 4 bands

QA before delivering

  • <= 4 bands
  • no y axis
  • names at band ends
  • source present

Data shape

titleaction title about the silhouette
sourcebottom-left always
uniton the total label
xperiod labels
series3-4 components bottom-up
Sample data (golden) 
{
  "title": "Total flow tripled; the mix barely moved",
  "eyebrow": "FLOW BY ROUTE . 12 MONTHS",
  "source": "Source: sample dataset v1, 2026-07-12",
  "unit": "loads",
  "x": [
    "J",
    "F",
    "M",
    "A",
    "M",
    "J",
    "J",
    "A",
    "S",
    "O",
    "N",
    "D"
  ],
  "series": [
    {
      "name": "Road",
      "values": [
        8,
        9,
        11,
        13,
        15,
        18,
        20,
        22,
        24,
        26,
        27,
        28
      ]
    },
    {
      "name": "Rail",
      "values": [
        4,
        5,
        6,
        7,
        9,
        10,
        12,
        13,
        15,
        16,
        17,
        18
      ]
    },
    {
      "name": "Barge",
      "values": [
        2,
        2,
        3,
        4,
        5,
        6,
        7,
        8,
        9,
        10,
        11,
        12
      ]
    }
  ]
}