Public
Edited
Nov 20, 2022
data = {
const data = await FileAttachment(
"_select_EXTRACT_MONTH_FROM_started_at_as_month_EXTRACT_DAY_FROM_@1.csv"
).csv();
return data.map((d) => {
d["date"] = new Date(d["date"]);
d["events"] = +d.events;
return d;
});
}
d3.schemeGreens[8]
d3.schemeSpectral[9].slice(1)
scale = d3.scaleThreshold(
[1000, 2000, 3000, 4000, 5000, 6000, 6700],
d3.schemeSpectral[9].slice(1)
)
d3.max(data, (data) => data.events)
chart = Calendar(data, {
x: (d) => d.date,
y: (d) => d.events,
colors: d3.schemeGreens[8],
yFormat: ".0f"
})
import { Legend } from "@d3/color-legend"
Legend(
d3.scaleThreshold(
[1000, 2000, 3000, 4000, 5000, 6000, 7000],
d3.schemeGreens[8]
)
)
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.
