idyll-langidyll
DocsTutorialsGalleryEditor
menu

Made with Idyll

If you've made something with Idyll and would like to post it here, please reach out on Twitter or open an issue on GitHub with the title "Gallery Example". For tutorials on how to use Idyll, click here.

Explorable explanations and interactive articles

Future of the Oxford Cambridge Arc
An interactive article about urban development modelling
OpenView Source
What's an IP address?
How are they allocated? Are we running out?
OpenView Source
The Barnes-Hut Approximation
Efficient computation of N-body forces
OpenView Source
Kernel Density Estimation
An interactive explanation of the statistical technique
OpenView Source
The Math of Card Shuffling
Riffling from factory order to complete randomness.
OpenView Source
How does the eye work?
Open
Explorable Flexagons
Learn to create and flex flexagons
OpenView Source
Beat Basics
Explore 3/4 and 6/8 time using John Varney's rhythm wheel.
OpenView Source
The Beginner's Guide to Dimensionality Reduction
Explore the methods that data scientists use to visualize high-dimensional data.
OpenView Source
The Etymology of Trig Functions
A graphic walkthrough of mathematical history
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
How to Tune a Guitar
An interactive audio guide with guitars and a little music theory.
OpenView Source
77 Nationalities & 66 Currencies
How do currency exchange rates affect Minerva students' tuition fees?
OpenView Source
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