100% Stacked Area Chart in Python, R, Julia and JavaScript

Source code in 15 libraries — Python: Altair, Bokeh, lets-plot, Matplotlib, Plotly, plotnine, Pygal, Seaborn; R: ggplot2; Julia: Makie.jl; JavaScript: Chart.js, D3.js, Apache ECharts, Highcharts, MUI X Charts.

A stacked area chart normalized to 100%, where each area represents the percentage contribution of a category to the total. The combined height always equals 100%, showing proportional changes over time.

Renders

• Full-resolution render, light theme
• Full-resolution render, dark theme

Preview render from the ggplot2 implementation.

Implementations

• 100% Stacked Area Chart in Altair (Python)
• 100% Stacked Area Chart in Bokeh (Python)
• 100% Stacked Area Chart in lets-plot (Python)
• 100% Stacked Area Chart in Matplotlib (Python)
• 100% Stacked Area Chart in Plotly (Python)
• 100% Stacked Area Chart in plotnine (Python)
• 100% Stacked Area Chart in Pygal (Python)
• 100% Stacked Area Chart in Seaborn (Python)
• 100% Stacked Area Chart in ggplot2 (R)
• 100% Stacked Area Chart in Makie.jl (Julia)
• 100% Stacked Area Chart in Chart.js (JavaScript)
• 100% Stacked Area Chart in D3.js (JavaScript)
• 100% Stacked Area Chart in Apache ECharts (JavaScript)
• 100% Stacked Area Chart in Highcharts (JavaScript)
• 100% Stacked Area Chart in MUI X Charts (JavaScript)