frontend + d3
md`# svg text outline `
html`
<svg height="30">
<rect fill="orange" width="${width}" height="30" />
<text class="text-outline" transform="translate(0,20)" style="font-family:sans-serif; font-size:18px;" fill="black">hello!</text>
</svg>
`
htmlOutline = html`
<style>
.text-outline {
paint-order: stroke;
stroke: white;
stroke-width: 1px;
stroke-linecap: butt;
stroke-linejoin: miter;
}
</style>
`
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.
