Published
Edited
Apr 4, 2021
Insert cell
md`# Day 1 - Parts to a whole`
Insert cell
Insert cell
Insert cell
data = {
const data = await FileAttachment("savant_data (27).csv").csv();
return data;
}
Insert cell
annotate = require("d3-svg-annotation")
Insert cell
_ = require('lodash');
Insert cell
d3 = require('d3')
Insert cell
html`
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap" rel="stylesheet">
<style>
text {
font-size: 1.2rem;
font-family: 'Roboto Condensed';
text-anchor: middle; fill: #999;
}
.connector {
stroke-width: 3px;
stroke: #b00;
color: #b00;
}
</style>`
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