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
4.
Observable Teams
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
18.
Form Input / Observable Inputs
Observable Plot
A concise API for exploratory data visualization
1.
Observable Plot
2.
Marks and Channels / Observable Plot
3.
Scales / Observable Plot
4.
Transforms / Observable Plot
5.
Facets / Observable Plot
6.
Legends / Observable Plot
7.
Area Mark / Observable Plot
8.
Arrow Mark / Observable Plot
9.
Bar Mark / Observable Plot
10.
Box Mark / Observable Plot
11.
Cell Mark / Observable Plot
12.
Delaunay Mark / Observable Plot
13.
Density Mark / Observable Plot
14.
Dot Mark / Observable Plot
15.
Image Mark / Observable Plot
16.
Line Mark / Observable Plot
17.
Linear Regression Mark / Observable Plot
18.
Link Mark / Observable Plot
19.
Rect Mark / Observable Plot
20.
Rule Mark / Observable Plot
21.
Text Mark / Observable Plot
22.
Tick Mark / Observable Plot
23.
Vector Mark / Observable Plot
24.
Frame Mark / Observable Plot
25.
Group Transform / Observable Plot
26.
Bin Transform / Observable Plot
27.
Stack Transform / Observable Plot
28.
Map Transform / Observable Plot
29.
Window Transform / Observable Plot
30.
Select Transform / Observable Plot
31.
Interval Transform / Observable Plot
32.
Dodge Transform / Observable Plot
33.
Hexbin Transform / Observable Plot
34.
Shorthand / Observable Plot
35.
Plot Overview for Matplotlib Users
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.
Workshop Materials: Analyzing Time Series Data
8.
EIA Electricity Data
9.
NOAA Hourly Weather Data
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
Plot for Matplotlib Users
This collection aims to help Python and Matplotlib users get comfortable building charts using Observable Plot.
1.
Plot Overview for Matplotlib Users
2.
Building Scatterplots Using Plot
3.
Building Histograms Using Plot