This site lets you create a ternary plot freely and easily! Don’t know what ternary plot is? No problem, just check the explanation page.
Some some sample data is loaded into the tables to show you it works. Try clicking all the “plot” buttons below for a quick example of a ternary plot. Check the 'How To Use' section below for all the details on how to plot points, lines, and areas. If you find it useful consider donating to support development! Happy ternary plotting!




How To Use

Input Parameters

The top row has to contain your column names. Your variable names have to be the first three values of this first row. These first three will be entered as axis labels in the ternary plot.
The axis labels are placed in counter-clockwise order: First column: top, second column: left, third column: right. Note that you have to keep the order of the your three column names consistent between points, lines and areas. You will get a warning when the column names are not consistent between the points, lines, and areas tables.

Other parameters, like color, opacity or shape also have to be named to in the top row. If you are confused, try reloading the page and taking a good look at the sample data!

For the values you can use either decimals 0.2, 0.3, 0.5 or percentages 20, 30, 50. Mixing these formats between rows is possible. You can't mix formats in one row though! Also do not enter the percentage symbol (%)!

You have to enter three values for a point, line or area to be plotted, and the three can't sum to more than 1 (or 100%).

Different lines and areas are seperated by one empty row. Only the first row of a a line or area style parameters area read. The optional parameters on following rows won't be read.

Save for next time

Your entered values are saved automatically locally in your browser storage. So when you come back to this page later, you'll be asked whether you want to reload these values. This tool runs completely on the client-side using Javascript, so your data never leaves your computer. Put another way, your entered values are not transmitted to any server and are only stored locally on your machine.

Optional Keywords

Keyword Values
Title Text (without commas and dashes). This will appended as an SVG title and will appear when hovering with your cursor over the point or line.
Color (colour works too) A hexadecimal color value like #dcedff, or a named color like blue or orangered. Tip: try googling "color picker".
Opacity Value between 1 and 0
Point only: Shape Circle, cross, diamond, triangle-down, or triangle-up. Double click on a cell to show a dropdown menu.
Point only: Size Integer. Default is 70.
Line only: Linestyle Dotted, dot-dash, dot-dot-dash, short-dashed, medium-dashed, long-dashed. Double click on a cell to show a dropdown menu.
Line only: Strokewidth The width of the line in pixels. Be warned; anything above 7 px will look too chunky. Default is 4 px.


TernaryPlot.com is completely free to use and will remain that way! However, it has cost and still costs me time and effort to maintain and develop TernaryPlot.com. While I will continue improving this page from time to time, donating will reinforce my motivation for working on it. So if it has saved you time and effort, why not consider supporting it by a donation or buying me a coffee.