chartWidth = d3.min([500, width])
chartHeight = chartWidth
chartRadius = chartWidth / 2
margin = 40
heatmap = spiralHeatmap()
.radius(chartRadius)
.holeRadiusProportion(0.2)
.arcsPerCoil(12)
.coilPadding(0.1)
.arcLabel("month")
.coilLabel("year")
function convertTextToNumbers(d) {
d.value = +d.value;
d.date = dateParse(d.date);
d.year = yearFormat(d.date);
d.month = monthFormat(d.date);
return d;
}
data = d3.csvParse(
await FileAttachment("data@1.csv").text(),
convertTextToNumbers
)
import { legend } from "@d3/color-legend"
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.
