Published
Edited
Apr 19, 2021
4 stars
Insert cell
Insert cell
Insert cell
Insert cell
html`
<div class=outer>
<div class="inner"> ${rainbowText("I'm centered!")} </div>
</div>`
Insert cell
html`
<style>
.outer{
border: 2px solid black; border-radius: 8px; padding: 4px; height: 300px;

/** the goods **/
display: flex;
align-items: center;
justify-content: center;

}
.inner{
border: 1px solid blue;
}
</style>`
Insert cell
Insert cell
d3 = require("d3")
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