Mosaic + Framework Examples
Using Mosaic and DuckDB in Observable Framework
Mosaic is a system for linking data visualizations, tables, and input widgets, all leveraging a database (DuckDB) for scalable processing. With Mosaic, you can interactively visualize and explore millions and even billions of data points.
This site shows how to publish Mosaic and DuckDB-powered interactive dashboards and data-driven articles using Observable Framework. The examples illustrate:
- Visualization and real-time interaction with massive data sets
- Using Mosaic and DuckDB-WASM within Framework pages
- Using DuckDB in a data loader and in GitHub Actions
All source markup and code is available at https://github.com/uwdata/mosaic-framework-example. Or, use the source links at the top of each page!
Example: Seattle Weather
Our first example is an interactive dashboard of Seattle’s weather, including temperatures, precipitation, and the type of weather. Drag on the scatter plot to see the proportion of days that have sun, fog, drizzle, rain, or snow.
The examples linked below involve much larger datasets and a variety of visualization types.
Example Articles
- Flight Delays - examine over 200,000 flight records
- NYC Taxi Rides - load and visualize 1M NYC taxi cab rides
- Gaia Star Catalog - explore a 5M star sample of the 1.8B star catalog
- Observable Web Latency - re-visiting a view of over 7M web requests