Public
Edited
May 9, 2022
Insert cell
Insert cell
<svg width="500" width="300">
<text id="title" x="100" y="50"></text>
<text id="otherthings" x="100" y="200">other things here</text>

<style>
#title {font-size: 24px; font-weight: bold;}
</style>
</svg>
Insert cell
viewof select = Inputs.select(["Title A", "Title B"], {label: "Select one"})
Insert cell
viz = d3.select(svgContainer)
Insert cell
viz.select("#title").text("Title is " + select)
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