TutorialsDocumentationRelease notesForum

Tutorials

Just getting started or want to level up on visualization techniques or the Observable runtime? You’ve come to the right place.

Video series: Learning Observable
Understand Observable core concepts & learn basic techniques for working with notebooks through these explanatory videos.
1.
Notebooks & Cells
2.
Reactive Markdown & HTML
3.
Reactive Dataflow
4.
User Input & Interactivity
5.
JavaScript and Observable
6.
Imports & Remixing Cells
7.
Getting Data into a Notebook
8.
Sharing, Publishing & Embedding
Observable Templates
Learn how to use Observable Templates to quickly & easily create powerful data visualizations.
1.
Product Insights: User Retention Tutorial
2.
Business Planning: Targets vs. Actuals Tutorial
3.
User Research: Survey Report Builder Tutorial
4.
Remote Work: Breakout Room Tutorial
5.
Developer Workflows: Integration Test Duration Tutorial
Hands-on tutorial
Learn Observable step by step with a series of guided exercises.
1.
Tutorial 1: Lunch calculator
2.
Tutorial 2: Dog pictures
3.
Tutorial 3: Visualizing data
Learn D3
A guided tour of your first steps using D3.
1.
Learn D3: Introduction
2.
Learn D3: By Example
3.
Learn D3: Data
4.
Learn D3: Scales
5.
Learn D3: Shapes
6.
Learn D3: Animation
7.
Learn D3: Joins
8.
Learn D3: Interaction
9.
Learn D3: Further Topics
Observable for Vega-Lite
So you want to make a chart…
1.
Charting with Vega-Lite
2.
Vega-Lite Chart Types
3.
Layers and Facets and Concat, Oh My!
4.
After Vega-Lite: what’s next?
Observable for Jupyter users
A tailored introduction to Observable from the Jupyter & Python perspective.
1.
Observable for Jupyter Users
2.
Visualize a data frame with Observable, in Jupyter
3.
Interactivity in Observable
4.
JavaScript replacements for Python data science tools