Published
Edited
Jun 29, 2018
3 stars
Insert cell
Insert cell
html`
<div style="width: ${divWidth}px; height: ${divHeight}px; border: 1px solid black; overflow: hidden;">
<svg width="100%" height="100%" viewBox="0 0 ${text.length * 55} 100">
<text font-size="100" y="50%" x="50%" dominant-baseline="middle" text-anchor="middle">${text}</text>
</svg>
</div>
`
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