Public
Edited
Sep 11, 2023
1 fork
<canvas id="canvas" style="border: 1px solid black;"></canvas>
{
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
ctx.fillStyle = "green";
ctx.fillRect(10, 10, 150, 100);
}
<svg
viewBox="0 0 300 100"
xmlns="http://www.w3.org/2000/svg"
stroke="black"
fill="red">
<circle cx="50" cy="50" r="20" />
<circle cx="150" cy="10" r="10" stroke="red" fill="black" id="circle" class="black-circle" />
</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.
