Published unlisted
Edited
Apr 14, 2021
Insert cell
Insert cell
Insert cell
html `
<div class="alert">I am red!!</div>
`
Insert cell
html `
<div class="info">I am blue!!</div>
`
Insert cell
html `
<style>
div.alert {
color: red;
}
div.info {
color: blue;
}
a {
background: orange;
color: white; // notice this doesn't do anything, because the Observable CSS has a more specific rule
}
</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