Published
Edited
May 14, 2021
Importers
3 stars
Insert cell
Insert cell
css = (s) => htl.html`<style>
${s}`
Insert cell
tex = ({ block: css })
Insert cell
/* everything in this "TeX" code cell gets rendered as pure CSS! */
.color-me {
background-color: red;
color: white;
}
Insert cell
<div class="color-me"> yooo </div>
Insert cell
.big {
font-size: 2rem;
font-weight: 700;
text-decoration: underline;
}
Insert cell
<p>
I'm a little <span class="big">teapot</span>
</p>
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