The end-to-end solution for building and hosting better data apps, dashboards, and reports.
<svg width=928 height=200>
<rect x="50" y="50" width="50" height="50" fill="orange" stroke="steelblue"></rect>
</svg>
<!-- Type your HTML code here -->
myValue = 50 // here is a JavaScript variable, try changing it
<svg width=200 height=200>
<circle r=${myValue} cx=100 cy=100></circle>
</svg>
// Let's pretend like this is some data we want to visualize
data = [
{ name: "purple", color: "rgb(185,100,198)"},
{ name: "green", color: "rgb(47,110,116)"},
{ name: "orange", color: "rgb(240,137,51)"}
]
<!-- Type your HTML code here -->
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.
