Public
Edited
Sep 19, 2023
Insert cell
Insert cell
numberOfProjects = FileAttachment("number-of-projects@1.csv").csv({ typed: true })
Insert cell
euContributions = FileAttachment("eu-contributitons.csv").csv({ typed: true })
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
timeline = {
const data = await FileAttachment("timeline@2.csv").csv({ typed: true });

return data.map((d) => {
const { date, entry } = d;

return { date: new Date(date), entry };
});
}
Insert cell
timelineChart = Plot.plot({
y: { type: "time", domain: [new Date("Jan 2024"), new Date("jan 2016")] },
marks: [
Plot.ruleX([0]),
Plot.dot(timeline, { y: "date", x: 0, fill: "orange" }),
Plot.text(timeline, {
y: "date",
x: 0,
text: "entry",
textAnchor: "start",
dx: 10
})
]
})
Insert cell

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.
Learn more