Loading...

Features Demos Documentation Pricing

Radiant Charts Help Center

Knowledge Base/Relationship/Ternary Plots

Data Grid

Overview Getting Started Column Definitions Sorting & Filtering Cell Renderers Pivot Mode

Core Interactions

Getting Started Installation Theming Tooltips Basic Tooltips Advanced Tooltips

Chart Types

Categorical

Bar Charts Line Charts Area Charts Radar Charts Polar Charts Nightingale Charts Radial Bar Charts Parallel Coordinates Marimekko Charts Slope Charts Step Charts Bullet Charts Range Area Chart Line with Missing Data

Part to Whole

Pie Charts Donut Charts Treemap Charts Circle Packing Icicle Charts Dendrograms Waffle Charts Sunburst Charts

Distribution

Histogram BoxPlot Charts Ridgeline Plots Beeswarm Plots Strip Plots ECDF Charts KDE Plots QQ Plots Pareto Charts Error Bar Control Chart Violin Plots Statistical Charts

Relationship

Scatter Charts Bubble Charts Density Contours Hexbin Charts Ternary Plots Venn Diagrams

Flow & Networks

Waterfall Charts Funnel Charts Sankey Diagrams Alluvial Diagrams Arc Diagrams Chord Diagrams Dependency Wheel Gantt Charts Force Graphs Streamgraph

Specialized

Gauge Charts Heatmap Charts Candlestick Charts Liquid Fill Charts Calendar Heatmap OHLC Charts Renko Charts Point & Figure Word Clouds Horizon Charts Bump Charts

Geospatial

Choropleth Maps Bubble Map

Comparison

Range Bar Chart Grouped Stacked Bar

Interaction

Advanced Interactivity

Ternary Plots

Ternary plots display data in a triangular coordinate system where each point represents the proportions of three components that sum to a constant (usually 100%). They are widely used in geology for soil texture triangles, in chemistry for three-component mixtures, and in political science for three-party election results.

Subtype

▾

Live Preview

This chart type requires a Pro license.

Please upgrade to unlock advanced visualizations.

{
  "title": {
    "text": "Soil Texture Classification"
  },
  "data": [
    {
      "sand": 70,
      "silt": 20,
      "clay": 10
    },
    {
      "sand": 50,
      "silt": 35,
      "clay": 15
    },
    {
      "sand": 20,
      "silt": 60,
      "clay": 20
    },
    {
      "sand": 10,
      "silt": 15,
      "clay": 75
    },
    {
      "sand": 40,
      "silt": 40,
      "clay": 20
    },
    {
      "sand": 25,
      "silt": 50,
      "clay": 25
    },
    {
      "sand": 60,
      "silt": 25,
      "clay": 15
    },
    {
      "sand": 33,
      "silt": 34,
      "clay": 33
    },
    {
      "sand": 15,
      "silt": 25,
      "clay": 60
    },
    {
      "sand": 55,
      "silt": 30,
      "clay": 15
    },
    {
      "sand": 80,
      "silt": 12,
      "clay": 8
    },
    {
      "sand": 8,
      "silt": 82,
      "clay": 10
    }
  ],
  "series": [
    {
      "type": "ternaryplot",
      "aKey": "sand",
      "bKey": "silt",
      "cKey": "clay",
      "fill": "#6366f1",
      "fillOpacity": 0.75,
      "strokeWidth": 0
    }
  ]
}

Edit JSON above · auto-previews after 0.9 s

Soil texture classifications plotted on a ternary diagram with three axes — sand, silt, and clay.

PreviousHexbin Charts Next Venn Diagrams

Was this article helpful?

High-performance canvas charting for modern React applications.

Product

Features
Pricing
Demos
Chart Designer
Changelog

Documentation

Getting Started
API Reference
All Chart Types
Theming
TypeScript

Resources

npm Package
GitHub
Roadmap
Blog
Support

Legal

License Agreement
Privacy Policy
Terms of Service
Cookie Policy
Third-Party Licenses

© 2026 Radiant Charts. All rights reserved.

Built withNext.js&HTML5 Canvas