Awesome Explorables

A curated list of awesome explorable explanations.

Inspired by Bret Vector and awesome.

Contributing

You are welcome to create a PR to contribute.

Please take a a look at contribution guidelines.

If you see a link or a project that is broken or no longer working, please submit a pull request to improve this file. Thank you !

Join us on slack at #awesome-explorables or reddit at /r/explorables

Contents

• Math
  • Statistics And Probability
  • Linear Algebra
  • Trigonometry
  • Logic
• Algorithms
  • Machine Learning And Neural Networks
  • Programming
  • Data Structures
• Science
• Physics
• Psychology - Human Machine Interface
• Other
• About Explorable Explanations
• Tools for Explorable Explanations
• Books

Math

↑ top

• Explained Visually
  • Image Kernels
  • Pi (π)
  • Exponentiation
• Better Explained - Math without endless memorization
• Euclid: The Game
• The Hitchhiker's Guide To The Mandelbrot set
• vf.rohanp.xyz - an interactive demonstration of vector field flow
• How to Fold a Julia Fractal - Brilliant use of animation to show complex mathematical processes geometrically. Shows off Wittens' MathBox library. See also: To Infinity… And Beyond!, Animate Your Way to Glory.
• World of Mathematics
• A Primer on Bézier Curves
• Math Insight - Copious interactive diagrams and ingenious experiments with digital publishing (threads, notation systems)
• Who’ll Freeze First? A Puzzle About Size and Staying Warm
• Circles Sines and Signals – a compact primer on digital signal processing.

Statistics And Probability

↑ top

• Seeing Theory - a visual introduction to probability and statistics
• Principal Component Analysis
• Conditional Probability
• Ordinary Least Squares Regression
• Markov Chains
• Science Isn't Broken - On scientific method (p-values)
• Humans Suck At Entropy
• Simpson's Paradox
• Years You Have Left to Live, Probably - Great illustration of survival analysis, and of probabalistic proccesses in general. Memento mori.
• Interpreting Confidence Intervals - See also: Interpreting Correlations & others.

Linear Algebra

↑ top

• Eigenvectors and Eigenvalues
• Interactive 2d Matrix
• Immersive Math – a linear algebra book with ully interactive figures
• Invitation to Another Dimension

Trigonometry

↑ top

• Sine and Cosine

Logic

↑ top

• The Incredible Proof Machine – a visual approach to propositional logic

Algorithms

↑ top

• Visualizing Algorithms - visualizing algorithms, by mike bostock
• visualgo.net - interactive computer science algorithms and data structures
• Quicksort - the quicksort algorithm, illustrated with playing cards
• Second-Order Controls
• How to Use t-SNE Effectively - Visualizing high-dimensional data
• Promisees - Promise visualization playground for the adventurous
• Back to the Future of Handwriting Recognition - An Active Essay Revisiting the GRAIL Handwriting Recognizer
• Bloom Filters
• Calculating The Intersection Area of 3+ Circles
• Line-intersection - Responsive parallel representations make the Bentley–Ottmann algorithm easier to understand.
• Split Packing: An Algorithm for Packing Circles with up to Critical Density
• VisuAlgo
• Coloring Maps - Transforming numbers into colors
• Interactive Diagrams for Wikipedia
• Visualizing Map Distortion

Machine Learning and Neural Networks

↑ top

• r2d3.us - a visual introduction to machine learning
• Neural Networks And Deep Learning - Free online interactive book about Neural Networks and Deep Learning.
• playground.tensorflow.org - a neural network playground
• Attention and Augmented Recurrent Neural Networks

Programming

↑ top

• Red Blob Games - visual and interactive ways of explaining math and computer algorithms
  • Introduction To A* – how pathfinding algorithms work, by amit patel
  • Hexagonal Grids - an interactive guide on implementing hexagonal grids
  • Intro To Graph Theory
• Generating Fantasy Maps - generating fantasy maps – the math behind
• gamejolt.com - topology, via asteroids, narrated
• What is code?

Data Structures

↑ top

• Quadtree - an interactive explanation of quadtrees, by jim kang
• Bitcoin Blockchain - "blockchain demo" explains the basics behind decentralized cryptocurrencies like bitcoin

Science

↑ top

• ncase.me - simulating the world (in emoji😘)
• ncase.me - neurotic neurons, an interactive animation on how exposure therapy works
• Exploring Emergence - an introduction to cellular automata (from 1996! requires flash.)
• internet-atlas.net - critical atlas of internet
• Visualizing Projections - visualizing multiple camera projection techniques
• Entropy Explained, With Sheep
• Pink Trombone - A Hands-On Vocal Tract Simulation

Physics

↑ top

• arogozhnikov.github.io - hamiltonian monte carlo explained
• Nukemap - nuclear explosion simulation tool by alex wellerstein
• Angry Physics
• PhET Home Page - "free interactive math and science simulations… based on extensive education research"

Psychology Human Machine Interface

↑ top

• To Build A Better Ballot – an interactive guide to alternative voting systems
• recursivedrawing.com - by toby schachman lets you create complex patterns from simple building blocks
• Parable Of the Polygons – A simulation about segregation and diversity.
• Learning By Doing

Other

↑ top

• Ishkur's Guide To Electronic Music -
• kevinhayeswilson.com - redraw state boundaries with 2016 us election data.

About Explorable Explanations

↑ top

• Explorable Explanations
• worrydream.com - Scientific Communication As Sequential Art
• worrydream.com - up and down the ladder of abstraction – a systemic approach to interactive visualization
• worrydream.com - Bret Victor's essay which coined the term "explorable explanations"
• Reinventing Explanation – prototyping an accessible explanation of simpson's paradox
• blog.ncase.me - design patterns for explorable explanations
• simblob.blogspot.de - amit patel of red blob games looks back on 5 years of creating interactive explanations

Tools for Explorable Explanations

↑ top

• Tangle Js Library for reactive documents
• Outside the box On SVG and Arrows.
• Implementing Draggable Handles
• RedBlobGames - Making Of
• GeoGebra - dynamic mathematics for learning and teaching
• aprt.us - apparatus, an open-source graphics editor and programming environment for creating interactive diagrams
• awesome-livecoding - a curated list of live-coding resources.
• Self-Lang prototype-based dynamic object-oriented programming language, environment, and virtual machine
• Lively Kernel
• Coeffects - Context-aware programming languages

Books

↑ top

• mindstorms.media.mit.edu - "mindstorms: children, computers, and powerful ideas", an influential 1980 book by seymour papert
• Elements of Euclid - oliver byrne's edition of euclid's "elements" uses colored diagrams and symbols instead of letters to proof theorems about math and geometry
• Envisioning Information
• Understanding Comics - "The pedagogical potential of the comic form is vast and mostly untapped" —Bret Victor
• A Topological Picturebook
• Dynamics, the Geometry of Behavior
• Proofs without Words
• Relativity Visualized
• The Shape of Space
• Visual Group Theory