html`
<svg style="background-color:pink;border:purple 3px dashed" width = 600 height = 300>
<circle r = 100 cx = 300 cy = 150 fill= "yellow" stroke = "aqua" />
<circle r = 100 cx = 100 cy= 12 fill = "aqua" stroke = "yellow"/>
<rect height = 70 width= 45 transform = "translate(450, 40) rotate (30) scale (2)" fill = "orange" stroke = "blue" />
<rect height = 50 width = 50 transform = "translate (280,82) rotate (30) scale (2) " />
</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.
