<table>
<thead>
<tr>
<th>Fruit</th>
<th>Quantity</th>
</tr>
</thead>
<tbody>
<tr>
<td>Apples</td>
<td>10</td>
</tr>
<tr>
<td>Clementines</td>
<td>Two million</td>
</tr>
</tbody>
</table>
<style>
table {
font: inherit;
color: inherit;
}
</style>
<div style=${{fontFamily: "var(--serif)"}}>Serif</div>
<div style=${{fontFamily: "var(--sans-serif)"}}>Serif</div>
<div style=${{fontFamily: "var(--monospace)"}}>Monospace</div>
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.
