data = FileAttachment("2023-01-07EventsFor109@5.csv").csv()
2023-01-07EventsFor109@5.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
2023-01-07EventsFor109@4.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
// Based on https://observablehq.com/@nitheeshk1213/assignment-5
// https://observablehq.com/@walterra/vikings-timeline
coupTimeline1 = () => {
const wrapper = DOM.element('div');
const width = 600;
const height = 650;
wrapper.style.width = width + 'px';
wrapper.style.height = height + 'px';
const m = DOM.element('div');
m.id = 'timeline';
m.style.width = width+'px';
m.style.height = height+'px';
m.style.margin = 'auto';
m.style.padding = '1px';
m.style.overflow = 'auto';
wrapper.appendChild(m);
setTimeout(() => {
const ms = milestones(m)
.mapping({
timestamp: "EventDate",
text: "text",
})
.parseTime("%Y-%m-%d")
.aggregateBy("day")
.labelFormat("%b %d %Y")
.optimize(true)
.orientation("vertical")
.render(data);
}, 0);
return wrapper;
}
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.
