url = "https://docs.google.com/spreadsheets/d/e/2PACX-1vQ1P4KYi2C8qd7bpmSxXYhz54IZbfm5mhPvQQmpGork88QzHgduM1xSouAmPTbYr0hZJiP1Jyi1081b/pub?gid=0&single=true&output=csv"
color = d3.scaleOrdinal(
d3.groups(parsed_data, (o) => o[color_by]).map((o) => o[0]),
d3.schemeCategory10
)
color_by = "type"
parsed_data = raw_data.map(function (o) {
let oo = Object.assign({}, o);
oo.start = d3.utcParse("%I:%M %p")(o.start);
oo.fin = d3.utcParse("%I:%M %p")(o.fin);
oo.comment = o.comment == "" ? null : o.comment;
return oo;
})
raw_data = fetch(url)
.then((response) => response.text())
.then(function (text) {
let parsed = d3.csvParse(text);
return parsed;
})
color_scheme = d3.schemeCategory10
import { Swatches } 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.
