html`
<style>
#container{
border: 1px black solid;
width: 600px;
height: 300px
}
</style>
<svg id="container">
<g transform = translate(300,150) >
<g transform = "scale(3)">
<circle r = 50 fill = none stroke = blue />
</g>
</g>
<line x1 =300 y1 = 25 x2 = 200 y2 = 250 stroke = red />
<line x1 =300 y1 = 25 x2 = 400 y2 = 250 stroke = yellow />
<line x1 =200 y1 = 250 x2 = 425 y2 = 100 stroke = green />
<line x1 =400 y1 = 250 x2 = 175 y2 = 100 stroke = purple />
<line x1 =175 y1 = 100 x2 = 425 y2 = 100 stroke = orange />
</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.
