Spine Plot for Two-Variable Proportions 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 spine plot (spineplot) is a stacked bar chart where bar widths are proportional to the marginal frequency of one categorical variable and the subdivisions within each bar show the conditional distribution of a second categorical variable. All bars are normalized to the same height (100%), so visual comparison focuses on how the conditional proportions shift across categories. It is a one-dimensional specialization of mosaic plots and excels at revealing associations between two categorical variables in contingency table data.

Renders

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

Preview render from the MUI X Charts implementation.

Implementations

• Spine Plot for Two-Variable Proportions in Altair (Python)
• Spine Plot for Two-Variable Proportions in Bokeh (Python)
• Spine Plot for Two-Variable Proportions in lets-plot (Python)
• Spine Plot for Two-Variable Proportions in Matplotlib (Python)
• Spine Plot for Two-Variable Proportions in Plotly (Python)
• Spine Plot for Two-Variable Proportions in plotnine (Python)
• Spine Plot for Two-Variable Proportions in Pygal (Python)
• Spine Plot for Two-Variable Proportions in Seaborn (Python)
• Spine Plot for Two-Variable Proportions in ggplot2 (R)
• Spine Plot for Two-Variable Proportions in Makie.jl (Julia)
• Spine Plot for Two-Variable Proportions in Chart.js (JavaScript)
• Spine Plot for Two-Variable Proportions in D3.js (JavaScript)
• Spine Plot for Two-Variable Proportions in Apache ECharts (JavaScript)
• Spine Plot for Two-Variable Proportions in Highcharts (JavaScript)
• Spine Plot for Two-Variable Proportions in MUI X Charts (JavaScript)