Public
Edited
Oct 23, 2023
Paused
Importers
Insert cell
Insert cell
Insert cell
warning = box("hsl(55deg 80% 88%)")
Insert cell
exampleWarning = warning(md`**⚠️ Note**: Make sure to keep an eye on this.`)
Insert cell
Insert cell
details = box("hsl(0, 0%, 96%)")
Insert cell
Insert cell
Insert cell
details(
md`
**Detail One**

Here's a bunch of information about detail one

Here's more information about detail one
`,
md`
**Detail Two**

Here's a bunch of information about detail two

Here's more information about detail one
`,
md`
**Detail Three**

Here's a bunch of information about detail three

Here's more information about detail one
`
)
Insert cell
details(
md`
**Free**
- Create an unlimited number of notebooks.
- Work in public; that is, your notebooks are visible to everyone.
`,
md`
**Pro**
- Create an unlimited in public or private; make them public when you choose.
- Use private data such as data from [database connections](https://observablehq.com/@observablehq/databases) or [secrets](https://observablehq.com/@observablehq/secrets).
`
)
Insert cell
Insert cell
details_table(htl.html`

<table>
<tr>
<th>Detail One</th>
<th>Detail Two</th>
<th>Detail Three</th>
</tr>
<tr>
<td>Here's a bunch of information about detail one</td>
<td>Here's a bunch of information about detail two</td>
<td>Here's a bunch of information about detail three</td>
</tr>
<tr>
<td>Here's more information about detail one</td>
<td>Here's more information about detail one</td>
<td>Here's more information about detail one</td>
</tr>
</table>`)
Insert cell
Insert cell
details_table
(htl.html`

</style>

<table>
<tr>
<th>Free</th>
<th>Pro</th>
</tr>
<tr>
<td>
<ul>
<li>Create an unlimited number of notebooks.</li>
<li>Work in public; that is, your notebooks are visible to everyone.</li>
</ul>
</td>
<td>
<ul>
<li>Create an unlimited in public or private; make them public when you choose.</li>
<li>Use private data such as data from <a href='https://observablehq.com/@observablehq/databases'>database connections</a> or <a href='https://observablehq.com/@observablehq/secrets'>secrets</a>.</li>
</ul>
</td>
</tr>
</table>`)
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