Streamgraphs are a variation of stacked area charts where layers are displaced symmetrically around a central baseline, creating a flowing organic shape. They are ideal for showing how multiple time series evolve together and how the composition of a whole changes over time, particularly for continuous data with many overlapping series.

Subtype

▾

Live Preview

year	pop	rock	hiphop	electronic	country
2018	420	310	280	190	140
2019	450	295	340	220	135
2020	480	275	420	260	128
2021	510	260	490	300	142
2022	530	248	550	340	155
2023	555	240	600	385	170
2024	580	232	640	420	182
2025	610	225	680	460	195

{
  "title": {
    "text": "Music Genre Streaming Share 2018–2025"
  },
  "data": [
    {
      "year": "2018",
      "pop": 420,
      "rock": 310,
      "hiphop": 280,
      "electronic": 190,
      "country": 140
    },
    {
      "year": "2019",
      "pop": 450,
      "rock": 295,
      "hiphop": 340,
      "electronic": 220,
      "country": 135
    },
    {
      "year": "2020",
      "pop": 480,
      "rock": 275,
      "hiphop": 420,
      "electronic": 260,
      "country": 128
    },
    {
      "year": "2021",
      "pop": 510,
      "rock": 260,
      "hiphop": 490,
      "electronic": 300,
      "country": 142
    },
    {
      "year": "2022",
      "pop": 530,
      "rock": 248,
      "hiphop": 550,
      "electronic": 340,
      "country": 155
    },
    {
      "year": "2023",
      "pop": 555,
      "rock": 240,
      "hiphop": 600,
      "electronic": 385,
      "country": 170
    },
    {
      "year": "2024",
      "pop": 580,
      "rock": 232,
      "hiphop": 640,
      "electronic": 420,
      "country": 182
    },
    {
      "year": "2025",
      "pop": 610,
      "rock": 225,
      "hiphop": 680,
      "electronic": 460,
      "country": 195
    }
  ],
  "series": [
    {
      "type": "streamgraph",
      "xKey": "year",
      "yKey": "pop",
      "fill": "#6366f1"
    },
    {
      "type": "streamgraph",
      "xKey": "year",
      "yKey": "rock",
      "fill": "#f43f5e"
    },
    {
      "type": "streamgraph",
      "xKey": "year",
      "yKey": "hiphop",
      "fill": "#f59e0b"
    },
    {
      "type": "streamgraph",
      "xKey": "year",
      "yKey": "electronic",
      "fill": "#10b981"
    },
    {
      "type": "streamgraph",
      "xKey": "year",
      "yKey": "country",
      "fill": "#06b6d4"
    }
  ],
  "legend": {
    "enabled": true,
    "position": "bottom"
  }
}

Edit JSON above · auto-previews after 0.9 s

Streaming listen counts for five genres from 2018 to 2025 flow as organic waves around the horizontal axis.

PreviousForce Graphs Next Gauge Charts

Was this article helpful?

Radiant Charts

Radiant Charts Help Center

Knowledge Base/Flow & Networks/Streamgraph

Data Grid

Overview Getting Started Column Definitions Sorting & Filtering Cell Renderers Pivot Mode

Core Interactions

Getting Started Installation Theming Tooltips Basic Tooltips Advanced Tooltips

Chart Types

Categorical

Part to Whole

Pie Charts Donut Charts Treemap Charts Circle Packing Icicle Charts Dendrograms Waffle Charts Sunburst Charts

Distribution

Histogram BoxPlot Charts Ridgeline Plots Beeswarm Plots Strip Plots ECDF Charts KDE Plots QQ Plots Pareto Charts Error Bar Control Chart Violin Plots Statistical Charts

Relationship

Scatter Charts Bubble Charts Density Contours Hexbin Charts Ternary Plots Venn Diagrams

Flow & Networks

Waterfall Charts Funnel Charts Sankey Diagrams Alluvial Diagrams Arc Diagrams Chord Diagrams Dependency Wheel Gantt Charts Force Graphs Streamgraph

Specialized

Gauge Charts Heatmap Charts Candlestick Charts Liquid Fill Charts Calendar Heatmap OHLC Charts Renko Charts Point & Figure Word Clouds Horizon Charts Bump Charts

Geospatial

Choropleth Maps Bubble Map

Comparison

Range Bar Chart Grouped Stacked Bar

Interaction

Advanced Interactivity

Streamgraph