idyll-langidyll
DocsTutorialsGalleryEditor
menu

Made with Idyll

Featured: Parametric Press, a digital magazine built with Idyll

The Parametric Press is an experiment, a born-digital magazine dedicated to showcasing the expository power that’s possible when the audio, visual, and interactive capabilities of dynamic media are effectively combined.

Browse by category

  • Explorable Explanations
  • Articles and Blog Posts
  • Tutorials

If you've made something with Idyll and would like to post it here, please open an issue on GitHub with the title "Gallery Example". If you like what we're doing, please consider buying a sticker or donating to help support future development of the project.

Explorable Explanations

How to Tune a Guitar
An interactive audio guide with guitars and a little music theory.
OpenView Source
Kernel Density Estimation
An interactive explanation of the statistical technique
OpenView Source
The Beginner's Guide to Dimensionality Reduction
Explore the methods that data scientists use to visualize high-dimensional data.
OpenView Source
The Barnes-Hut Approximation
Efficient computation of N-body forces
OpenView Source
Beat Basics
Explore 3/4 and 6/8 time using John Varney's rhythm wheel.
OpenView Source
How does the eye work?
Open
The Math of Card Shuffling
Riffling from factory order to complete randomness.
OpenView Source
The Etymology of Trig Functions
A graphic walkthrough of mathematical history
OpenView Source
Explorable Flexagons
Learn to create and flex flexagons
OpenView Source
Bayesian Knowledge Tracing
An explorable explainable
OpenView Source
Travelling Salesman Algorithms
From Naive to Christofide
Open
Multi-Armed Bandits
An exploration of epsilon greedy and UCB1 algorithms
Open
The Explanation & Comparison of Graph Searches
A walkthrough of depth first, breadth first, and A* search algorithms
Open
Stepping Into the Filter
Understanding the edge detection algorithms in your smartphone
Open
Sequence Alignment with Dynamic Programming
The Smith-Waterman Algorithm
Open
Conflict Driven Clause Learning
The Boolean Satisfiability Problem
Open
Efficient Collision Detection
The Gilbert-Johnson-Keerthi distance algorithm
Open

Articles and Blog Posts

Statistical Power Analysis
OpenView Source
Blueberry Pancakes
OpenView Source
The D-I-Y Data of Fugazi
OpenView Source
A Comic Introduction to Idyll
See how Idyll can be used with CSS grid to create a comic-style layout.
OpenView Source
Autumn Colormaps
A look at trees, colormaps, and chroma.js
OpenView Source
Who Shapes the Open Web?
An interactive tool to explore membership in W3C working groups.
OpenView Source
From Nothing to Something in WebGL Using regl
OpenView Source
Seattle PD’s Dashcam Problem
Visualizing 27 million frames of video lost over four years
OpenView Source
The United Complaints of America
Analyzing over 700,000 complaints sent to the Consumer Financial Protection Bureau
OpenView Source
Lorenz Attractor
OpenView Source
Nonlinear Sliders
OpenView Source