JS Mosaic Plot Chart

Chart Tutorials  

Mosaic Plot

Variwide chart features.

The variwide chart type is an x axis stacking mode that works with category x axis scales. Combining this type with y axis 'stackedFull' mode results in a Marimekko diagram also known as mosaic plot.

The x axis categories have varying column widths that total the chart area width. The weights applied to each x axis category width are defined by point z values if specified or y values if not specified.

This chart type name 'variwide' can be set through the chart type property, defaultSeries_type property, or applied to the xAxis_scale_type property directly. Setting the x axis scale type doesn't automatically make series types columns whereas the chart or series type setting will.

See the Pen Variwide Sample by Arthur Puszynski (@jsblog) on CodePen.