My first SVG / yukim0615 | Observable

Published

Edited

Nov 11, 2021

# My first SVG

<svg width="420" height="300">

<rect width="420" height="260" fill="rgba(205, 235, 250)"></rect>

svg`<svg width="420" height="300">

<circle cx="70" cy="70" r="60" fill="rgba(153, 153, 255, 0.5)" stroke="red" stroke-width="10"></circle>

<circle cx="210" cy="70" r="60" fill="rgba(153, 153, 255, 0.5)" stroke="green" stroke-width="10"></circle>

<circle cx="350" cy="70" r="60" fill="rgba(153, 153, 255, 0.5)" stroke="blue" stroke-width="10"></circle>

<circle cx="140" cy="130" r="60" fill="rgba(153, 153, 255, 0.5)" stroke="orange" stroke-width="10"></circle>

<circle cx="280" cy="130" r="60" fill="rgba(153, 153, 255, 0.5)" stroke="brown" stroke-width="10"></circle>

<circle cx="210" cy="190" r="60" fill="rgba(153, 153, 255, 0.5)" stroke="pink" stroke-width="10"></circle>

</svg>`

</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.