The avatar for @observablehq
Observable
The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Public
Getting Started
Edited
Jun 20, 2023
84 forks
Importers
262 stars
7
Getting Started
Why Observable?Observable overview
A taste of Observable
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
days_old = {
const today = new Date();
const birthday = new Date('1975-01-18'); // Update to your birthday here, in YYYY-MM-DD format!
const milliseconds = today - birthday;
const days = milliseconds / 1000 / 60 / 60 / 24; // 1000 milliseconds in a second, 60 seconds in a minute, 60 minutes in an hour, 24 hours in a day
return +days.toFixed(1);
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
ca_food.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
Insert cell
ca_food.csv
SELECT Category
, year(Date) as year
, sum(Dollars) as YearlyRevenue
FROM ca_food.csv
WHERE year(Date) = 2021
GROUP BY year(Date), Category
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import {chart as sunburst} from "@d3/zoomable-sunburst"
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
forceGraph
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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