Published
Edited
Jan 23, 2022
Insert cell
# Beeminder and G2P - Due Date
Insert cell
html`<div id="container" style="height: 200px"></div>`
Insert cell
Insert cell
Insert cell
plot = new G2Plot.Gauge('container', {
percent: data.safebuf/10,
range: {
ticks: [0, 0.1, 0.25, 1],
color: ['#F4664A', '#FAAD14', '#30BF78'],
},
axis: {
label: {
formatter(v) {
return Number(v) * 10;
},
},
subTickLine: {
count: 3,
},
},
});
Insert cell
plot.render()
Insert cell
Insert cell
moment = require("moment");
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