Public
Edited
Sep 18, 2023
7 stars
Insert cell
Insert cell
Insert cell
Plot.plot({
width: 500,
height: 420,
inset: 45,
color: {
nice: true,
type: "linear",
scheme: "BuYlRd",
legend: true
},
projection: ternary.projection,
marks: [
Plot[show_dots ? "dot" : "raster"](
stone,
ternary.normalize({
a: "limestone",
b: "water",
c: "air",
pixelSize: 0.5,
strokeWidth: 0.5,
thresholds: 40,
interpolate: "random-walk",
blur: 10,
fill: "permittivity",
clip: "sphere"
})
),

Plot.contour(
stone,
ternary.normalize({
a: "limestone",
b: "water",
c: "air",
pixelSize: 3,
blur: 8,
strokeWidth: 0.5,
thresholds: 10,
interpolate: "random-walk",
value: "permittivity",
clip: "sphere"
})
),

Plot.sphere(),
// ternary.graticule({ stroke: "white", strokeWidth: 0.25 }),

ternary.tickLabels(),
ternary.labels(["limestone", "water", "air"], { fontWeight: "bold" })
]
})
Insert cell
stone = FileAttachment("stone.csv").csv({ typed: true })
Insert cell
import {ternary} from "@fil/ternary-plot"
Insert cell

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.
Learn more