Meta-Storyboard Examples

Interactive, animated storytelling visualizations built with the meta-storyboard library using the feature-action design pattern.

DocumentationGitHubnpm Package

Example Stories

Complete storytelling visualizations driven by feature-action tables.

COVID-19 Case Story

An animated line plot of COVID-19 cases annotated with peaks and other features detected from a feature-action table.

Line Plot

COVID-19 Case Story (Gaussian)

The COVID-19 story segmented with Gaussian mixture models to rank and highlight the most important time-series segments.

Gaussian Segmentation

COVID-19 Scrollable Storyboard

A scroll-driven ("scrollytelling") storyboard: scroll through event cards to progress the animated line plot and its progress timeline.

Scrollytelling

Machine Learning Provenance Story

A mirrored bar chart narrating the provenance of a hyperparameter search of a machine learning model.

Mirrored Bar Chart

Machine Learning Multivariate Story

A parallel coordinates plot animating the relationship between hyperparameters and model accuracy.

Parallel Coordinates

Machine Learning Dashboard Story

Multiple synchronized plots combined into a single animated dashboard telling one coherent story.

Dashboard

Feature-Action Tables

Browse the feature-action tables that drive the stories, and experiment with features, actions, and their properties.

Interactive Table

Playground

Isolated test pages for developing and debugging individual components.

Plots, Features & Actions

  • Test Play/Pause Loop