Basic Ternary Plot 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 ternary plot displays three-component compositional data on an equilateral triangle where each vertex represents 100% of one component. Points inside the triangle show compositions that sum to a constant total (usually 100%), with position indicating relative proportions. This visualization is essential for data where three variables are interdependent and constrained to sum to a fixed value.

Renders

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

Preview render from the Pygal implementation.

Implementations

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