Published
Edited
Jun 24, 2022
1 star
Insert cell
Insert cell
Insert cell
<header>
<ul class="tools">
<li><button id="btn-new">New</button></li>
<li><button id="btn-load">Load</button></li>
<li><button id="btn-save">Save</button></li>
<li><button id="btn-reset">Reset</button></li>
</ul>
</header>
Insert cell
classes = []
Insert cell
properties = [];
Insert cell
viewof output = Inputs.textarea({label: "Output"})
Insert cell
Insert cell
viewof select = Inputs.select(["A", "B"], {label: "Select one"})
Insert cell
Insert cell
<style>
.tools{
display: flex;
}
.tools li {
list-style-type: none;
margin: 4px;
}
</style>
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