Published
Edited
Jan 24, 2021
Importers
2 stars
md`# Gauge`
html`<div id="temp">${g1.svg()}${g2.svg()}</div>`
g1 = new Gauge(config)
g2 = new Gauge(config)
{
g1.redraw(75);
g2.redraw(30);
}
config = ({
size: 240,
label: "Temp °F",
min: 0,
max: 100,
minorTicks: 10,
units: "°F",
greenZones: [{ from: 40, to: 60 }],
yellowZones: [{ from: 25, to: 35 }, { from: 60, to: 85 }],
redZones: [{ from: 0, to: 25 }, { from: 85, to: 100 }]
})
d3 = require("d3@v5")
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.
