Published
Edited
Mar 28, 2022
Insert cell
Insert cell
desenho = html`<svg width=600 height=400 style="border:1px solid gray">
<rect x=20 y=20 width=100 height=100 fill=${cor} stroke=yellow stroke-width=5 />
<circle cx=200 cy=200 r=80 fill=none stroke=${cor} />
<line x1=100 y1=200 x2=300 y2=400 stroke=gray />
<path d="M200,200 L300,300 L300,200 Z M400,20 L120,90" stroke=black fill=green stroke-width=4 ></path>
</svg>`
Insert cell
{
desenho.innerHTML = "";
let circulo = svg`<circle cx=180 cy=120 r=70 fill=cyan />`;
desenho.append(circulo)
}
Insert cell
cor='#ff3300'
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