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 Demos
Watch and learn how to accomplish different types of data work in Observable.
1.
Observable Overview
2.
Using Observable Plot & Snippets to Rapidly Build a Visual Analysis
3.
Security and data access in Observable
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.
Exercise: Lunch calculator
2.
Exercise: Dog pictures
3.
Exercise: Visualizing data
Observable Inputs
Lightweight interface components for exploring data and building interactive displays
1.
Observable Inputs
2.
Hello, Inputs!
3.
Button Input / Observable Inputs
4.
Toggle Input / Observable Inputs
5.
Checkbox Input / Observable Inputs
6.
Date Input / Observable Inputs
7.
Radio Input / Observable Inputs
8.
Range Input / Observable Inputs
9.
Select Input / Observable Inputs
10.
Text Input / Observable Inputs
11.
Textarea Input / Observable Inputs
12.
Color Input / Observable Inputs
13.
File Input / Observable Inputs
14.
Table Input / Observable Inputs
15.
Search Input / Observable Inputs
16.
Synchronized Inputs
17.
Legacy Inputs
Observable Plot
A concise API for exploratory data visualization
1.
Observable Plot
2.
Marks / Observable Plot
3.
Scales / Observable Plot
4.
Transforms / Observable Plot
5.
Facets / Observable Plot
6.
Area Mark / Observable Plot
7.
Bar Mark / Observable Plot
8.
Cell Mark / Observable Plot
9.
Dot Mark / Observable Plot
10.
Image Mark / Observable Plot
11.
Line Mark / Observable Plot
12.
Link Mark / Observable Plot
13.
Rect Mark / Observable Plot
14.
Rule Mark / Observable Plot
15.
Text Mark / Observable Plot
16.
Tick Mark / Observable Plot
17.
Frame Mark / Observable Plot
18.
Group Transform / Observable Plot
19.
Bin Transform / Observable Plot
20.
Stack Transform / Observable Plot
21.
Map Transform / Observable Plot
22.
Window Transform / Observable Plot
23.
Select Transform / Observable Plot
24.
Interval Transform / Observable Plot
25.
Legends / Observable Plot
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
Analyzing Time Series Data
Approaches for working with data that changes over time
1.
Analyzing Time Series Data
2.
What’s different? Analyzing Time-Series Forecast Performance
3.
What caused this? An analysis adventure
4.
Discovering Date Patterns
5.
Just because it’s Time, it doesn’t have to be a Line
6.
Correlation over time
7.
EIA OpenData: Real-Time Hourly Electricity Data
8.
NOAA Historical Hourly Weather Data by U.S. City
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