Public
Edited
Mar 20, 2023
{
const svg = html
`
<svg style = "background:hotpink;border:1px solid black" width = 600 height = 300>
<circle r = 50 cx = 300 cy = 150 fill = "aqua" stroke = "black" />
<rect width = 50 height = 50 x = 300 y = 150 fill = "red" stroke = "black" />
</svg>
`
return svg
}
{
const svg = html
`
<svg style = "border:1px solid black" width = 600 height = 300>
<rect width = 100 height = 100 transform = "translate(250,100) rotate(30) scale (.5)" />
</svg>
`
return svg
}
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.
