Public
Edited
Apr 10, 2023
<img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Crect x='0' y='0' width='100' height='100' fill='red' /%3E%3C/svg%3E" alt="SVG Image">
<img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50'><rect width='50' height='50' fill='green'/><text x='20' y='30' font-size='20' fill='white'>SVG</text></svg>" alt="SVG Cat">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpolygon points='25,2 32.3,15.4 47.6,17.3 36.4,27.5 39.1,42.7 25,35.8 10.9,42.7 13.6,27.5 2.4,17.3 17.7,15.4' fill='yellow'/%3E%3C/svg%3E" alt="Star" width="50" height="50">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpolygon points='25,2 32.3,15.4 47.6,17.3 36.4,27.5 39.1,42.7 25,35.8 10.9,42.7 13.6,27.5 2.4,17.3 17.7,15.4' fill='yellow' stroke='black' stroke-width='2'/%3E%3C/svg%3E" alt="Star" width="50" height="50">
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.
