Tutorials

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

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
Getting Started
Learn more about how to sign-up as an individual or as a team, or start working in a notebook with A Taste of Observable.
1.
Signing Up for an Observable Account
2.
A Taste of Observable
3.
Getting started with Teams
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
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 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