Published
Edited
Sep 8, 2020
Insert cell
Insert cell
html`
<style>
#container{
border:1px black solid;
width:600px;
height:300px
}
</style>
<svg id="container">
<g transform = rotate(10) >
<line x1 = 100 y1 = 150 x2 = 500 y2 = 150 stroke = black />
<g>
<circle r = 50 cx = 100 cy = 150 fill = black stroke = black />
<circle r = 50 cx = 500 cy = 150 fill = black stroke = black />
</g>
</g>
</svg>
`
Insert cell

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.
Learn more