Mekko Chart
Mekko or Marimekko chart is a variation of stacked area charts with varied-width categories.
This demo uses XYChart with StepLineSeries.
Related tutorials
Build this chart with AI
The prompt below can be used to build this chart with AI. For best coding results, use the most advanced AI models, like Claude Opus 4.6 and GPT-5.3-Codex. For more info and tips, check out amCharts AI docs.
Create a Mekko (Marimekko) chart with step-line style series. Display three stacked series (Trucks, SUVs, Cars) along a horizontal value axis (0-100) and a vertical value axis starting at 0. Use visible borders and semi-transparent fill for each series. Place labels at the midpoint of each segment. Add a legend at the top center of the chart. Enable mouse-wheel controls for horizontal panning and zooming. Allow series toggling through legend interaction. Animate the chart on load. Use amCharts 5 library.
Demo source