Tech Lead at Taktile.
Formerly Firebase, Google
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
Plot.plot({
marks: [
Plot.lineY(liveView, { x: (d) => new Date(d.time), y: (d) => d.temp }),
Plot.ruleY([0])
]
})
Inputs.button("upload data", {
reduce: () => {
uploadSensor();
}
})
function uploadSensor() {
const time = Date.now();
db.ref(`current/sensors/${sensorName}`).set({
location: "-76.5 4.7",
time,
temp: sensorTemperature,
battery: 0.5
});
db.ref(`history/sensors/${sensorName}/${time}`).set({
location: "-76.5 4.7",
time,
temp: sensorTemperature,
battery: 0.5
});
}
result = (
await db.ref(`history/sensors/${querySensorName}`).once("value")
).toJSON()
liveViewRaw = Generators.observe((notify) => {
db.ref(`history/sensors/${querySensorName}`)
.limitToLast(6) // reduce data returned
.on("value", (snapshot) => {
const data = snapshot.val();
notify(data);
});
})
liveView = Object.entries(liveViewRaw).map(([k, v]) => v)
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.
