html`
<style>
#container{
border: 1px black solid;
width: 600px;
height: 300px
}
</style>
<svg id="container">
<g transform= translate(300,150) >
<g transform= "rotate(30) scale(.5)" >
<line x1= -100 y1= 0 x2= 100 y2= 0 stroke= black />
<circle r= 30 cx= -100 fill= cornflowerblue stroke= black />
<circle r= 30 cx= 100 fill= cornflowerblue stroke= black />
</g>
</g>
</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.
