Published
Edited
Aug 22, 2021
2 forks
16 stars
Insert cell
Insert cell
Insert cell
Insert cell
weeklyData
Insert cell
Insert cell
colorScale(weeklyData)
Insert cell
html`<style>

#${viewof CHART.id}{
background:"red";
}

.y-axis{
opacity:1;
pointer-events:none;
user-select:none;
mix-blend-mode:multiply;

}

.x-axis-top .tick line{
stroke-width:2;
stroke:black;
stroke-dasharray:5 10;
opacity:0.2;
}

.y-axis{
pointer-events:none;
}

.y-axis .tick line{
mix-blend-mode:screen;

}

.task-shape{
opacity:0.2;
mix-blend-mode:overlay;
}

</style>`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
interval = "timeWeek"
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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