Interested in data visualisation, maps, JavasScript, and geology
Introducing d3-ternary: A module for Ternary Plotsd3-ternary: Ternary Plots with D3.jsTernary Plot DocumentationUSDA Soil Textural TriangleTernary Plot With Hexagonal BinningQFR Diagram - Folk Classification of Sedimentary RockTernary Plot with Density ContoursTernary Slider with d3-ternaryFood.com Nutritional Ternary Plot with d3-ternaryQFl Provenance Category Ternary DiagramQmFl Provenance Category Ternary DiagramQAPF Diagram
Reversed Axes Ternary Plot
viewof reverseDomainPlot = drawTernaryPlot(reverseTernaryPlot, data)
reverseTernaryPlot = {
const reverseTernary = barycentric()
.a((d) => d.agriculture)
.b((d) => d.industry)
.c((d) => d.service)
.rotation(240);
return ternaryPlot(reverseTernary)
.labels(labels)
.labelAngles([-60, 0, 60])
.tickAngles([-60, 0, 60])
.tickFormat((t) => formatPercentage(1 - t))
.tickTextAnchors(["end", "start", "end"]);
}
formatPercentage = d3.format(".0%")
d3Ternary = import("d3-ternary")
barycentric = d3Ternary.barycentric
ternaryPlot = d3Ternary.ternaryPlot
import {
labels,
data,
drawTernaryPlot,
valuesTable
} from "@julesblm/d3-ternary"
d3 = require('d3@v6')
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
