Published
Edited
Mar 24, 2021
html`
<style>
.line-2019{
fill: none;
stroke: rgba(155,155,155,0.4);
stroke-width: 0.8px;
}
.line-2020 {
fill: none;
stroke: rgba(250,66,100,0.5);
stroke-width: 1.5px;
z-index: 1;
}
.line-2021 {
fill: none;
stroke: steelblue;
stroke-width: 1.5px;
z-index: 2;
}
.circle{
fill: none;
stroke-width: 1px;
}
</style>
`
d3 = require('d3')
sortObject = obj =>
Object.keys(obj)
.sort()
.reduce((res, key) => ((res[key] = obj[key]), res), {})
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.
