Designer of broken states.
Public
Edited
Oct 5, 2022
2 stars
spiralChart = {
const log = (sel, msg) => console.log(msg, sel);
const segments = pie(groupByPlate);
const svg = d3
.create("svg")
.attr("width", diameter)
.attr("viewBox", [0, 0, diameter, diameter])
.style("max-width", "100%")
.style("cursor", "default");
// TimeSpiral needs getBBox()
document.body.append(svg.node());
// const data = weather["sanfrancisco"].map((d) => ({
// date: new Date(d["Date time"]),
// temp: +d["Temperature"]
// }));
// const data = groupByPlate.map((d) => ({}));
const chart = new TimeSpiral(svg)
.size([diameter, diameter])
.layers(3)
.style({
align: "center", // 'base' || 'center'
reverseColor: true // reverse d3.interpolateRdYlBu
})
.palette(d3.interpolateRdYlBu)
.field({ value: "temp" })
.data(segments)
.render();
svg.node().remove();
return svg.node();
}
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.
