SELECT c.longitudeas longitude
, c.latitudeas latitude
, c.idas customerId
, o.storeIdas storeId
, COUNT(*) orders
FROM orders as o
JOIN customers as c
ON o.customerId = c.idGROUPBY1, 2, 3, 4
Observable Notebooks run in your browser, so you can immediately start building instead of setting up a local dev environment. Our notebooks were designed from the ground up to encourage collaboration and code reuse.
Literate programming
Weave together Markdown, JavaScript, HTML, and SQL for expressive dynamic documents, charts, and apps.
Connect to any data
Connect to any data source with ease — whether it’s a file, a database, or an API.
Built-in reactivity
Cells re-run automatically as you make changes and interact with inputs, making code easier to understand.
Multiplayer editing
Collaborate and share
Accelerate your feedback loop with real-time multiplayer, comments, automatic version history, and git-style forking & merging to freely explore new ideas.
Recommended open-source libraries such as D3, Observable Plot, and Observable Inputs are available by default. You can also import any library from npm or import cells from other notebooks.
import {Pack} from "@d3/pack-component"
Embedding
Ready for production
Conveniently embed notebooks as iframes, or for seamless integration, import notebooks into your app as reactive JavaScript modules.
Reuse code from other notebooks, or import your favorite libraries from npm.
Fork & merge
Quickly duplicate a notebook, then merge changes back in.
Embeds
Take what you build to production as either an iframe or JavaScript.
Databases
Connect to BigQuery, Snowflake, DuckDB, PostgreSQL, and more.
Files
Attach data by simply dragging files onto a notebook.
Inputs
Add interactivity with drop-downs, sliders, checkboxes, and more.
Minimap
Get an instant overview of your notebook’s reactive dataflow graph.
AI Assist
Get help writing code and fixing errors.
Join the community
Over 1,000,000 notebooks have been created on Observable. Discover new ways to present data, connect with other data visualization enthusiasts, and fork public notebooks to get started more quickly. For even more examples check out trending and recent notebooks.
Observable Notebooks are ideal for prototyping, allowing us to rapidly iterate on data visualizations and explore insights without needing advanced front-end skills.
Yao Yue
Co-founder and Infrastructure Engineer, IOP Systems
Pricing
Notebook Free
Free
Great for getting started with Observable Notebooks.
Notebook Pro
$22/mo/editor
Perfect for teams who want to build in notebooks. Add viewers for $10/mo.
Plan details
Free
Pro
Observable platform
Add viewers to your workspace
Build data visualizations with code in notebooks
Notebooks
Multiplayer code editing
Schedule notebook runs
Remove Observable watermark on notebook embeds
Create public or private notebooks
Use AI Assist in notebooks
Access databases, cloud files, and web API endpoints
Version control
Workspace management
Manage guest member access at the notebook level
Control access to notebooks
Security
Authenticate via email, Google, GSuite, Microsoft, GitHub