Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/blob42/awesome-explorables

A curated list of awesome explorable explanations.
https://github.com/blob42/awesome-explorables

List: awesome-explorables

awesome awesome-explorables awesome-list explorable-explanations explorables reactive-documents visualizations

Last synced: 8 days ago
JSON representation

A curated list of awesome explorable explanations.

Awesome Lists containing this project

README 

        
# Awesome Explorables [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sp4ke/awesome-explorables)



A comprehensive, carefully curated list of [Explorable Explanations](http://worrydream.com/#!/ExplorableExplanations): interactive resources that allow readers to actively engage with and explore complex ideas and concepts, following the concept of reactive documents and active reading as championed by renowned computer scientist and interaction designer Bret Victor. 

## Definition



Explorable explanations are interactive, hands-on explanations that allow readers to understand complex ideas and concepts by actively manipulating variables and observing the results in real-time.



They often take the form of web-based interactive graphics or simulations, and can be used to explain a wide range of topics in fields such as mathematics, science, and computer science. 



Notable authors in the field include Bret Victor, Nicky Case, Vi Hart, Dan Shiffman, and William Fenton. These interactive explanations can be a powerful tool for learners of all ages, allowing them to engage with difficult concepts in a meaningful and immersive way.



## Contents



- [Math](#math) 

	- [Statistics And Probability](#statistics-and-probability)

	- [Linear Algebra](#linear-algebra)

	- [Geometry](#geometry)

	- [Logic](#logic)

- [Algorithms](#algorithms)

	- [Machine Learning And Neural Networks](#machine-learning-and-neural-networks)

	- [Programming](#programming)

	- [Data Structures](#data-structures)

- [Science](#science)

- [Physics](#physics)

- [Psychology](#psychology)

- [Systems And Thought Experiments](#systems-and-thought-experiments)

- [Creativity](#creativity)

- [Other](#other)

- [About Explorable Explanations](#about-explorable-explanations)

- [Tools & Resources](#tools-and-resources)

-  [Books And Essays](#books-and-essays)



## Math



*[↑ top](#contents)*

* [Explained Visually](http://setosa.io/ev/)

  * [Image Kernels](http://setosa.io/ev/image-kernels/)

  * [Pi (π)](http://setosa.io/ev/pi/)

  * [Exponentiation](http://setosa.io/ev/exponentiation/)

* [Better Explained](https://betterexplained.com) - Math without endless memorization.

* [Euclid: The Game](http://euclidthegame.com/)

* [The Hitchhiker's Guide To The Mandelbrot set](https://morr.cc/mandelbrot/) 

* [vf.rohanp.xyz](http://vf.rohanp.xyz/) - Interactive demonstration of vector field flow.

* [World of Mathematics](http://world.mathigon.org/)

* [Primer on Bézier Curves](http://pomax.github.io/bezierinfo/) 

* [Math Insight](http://mathinsight.org/) - Copious interactive diagrams and ingenious experiments with digital publishing.

* [Circles Sines and Signals](http://jackschaedler.github.io/circles-sines-signals/) - Compact primer on digital signal processing.

* [Epiplexis](https://epiplexis.xyz/) - Interactive videos on a variety of math topics



### Statistics And Probability

*[↑ top](#contents)*

* [Conditional Probability](http://setosa.io/ev/conditional-probability/)

* [Exploring Histograms](http://tinlizzie.org/histograms/)

* [Humans Suck At Entropy](http://www.loper-os.org/bad-at-entropy/manmach.html) 

* [Interpreting Confidence Intervals](http://rpsychologist.com/d3/CI/) - Interpreting Confidence Intervals. 

* [Markov Chains](http://setosa.io/ev/markov-chains/)

* [Ordinary Least Squares Regression](http://setosa.io/ev/ordinary-least-squares-regression/)

* [Principal Component Analysis](http://setosa.io/ev/principal-component-analysis/)

* [Probdef](https://abstractionapplication.itch.io/probdef) - Open-source game about probability and inference leading up to Bayes Theorem.

* [Seeing Theory](http://students.brown.edu/seeing-theory/) - Visual introduction to probability and statistics.

* [Simpson's Paradox](http://vudlab.com/simpsons/)

* [Science Isn't Broken](https://fivethirtyeight.com/features/science-isnt-broken/#part1) - On scientific method (p-values).

* [Years You Have Left to Live, Probably](http://flowingdata.com/2015/09/23/years-you-have-left-to-live-probably/) - Great illustration of survival analysis, and of probabalistic proccesses in general.



### Linear Algebra

*[↑ top](#contents)*

* [Eigenvectors and Eigenvalues](http://setosa.io/ev/eigenvectors-and-eigenvalues/)

* [Interactive 2d Matrix](http://ncase.me/matrix/)

* [Immersive Math](http://immersivemath.com/ila/)  - Linear algebra book with  ully interactive figures.

* [Invitation to Another Dimension](https://maxgoldste.in/itad/)



### Geometry

*[↑ top](#contents)*

* [How to Fold a Julia Fractal](http://acko.net/blog/how-to-fold-a-julia-fractal/) - Brilliant use of animation to show complex mathematical processes geometrically.

* [Sine and Cosine](http://setosa.io/ev/sine-and-cosine/)



### Logic

*[↑ top](#contents)*

* [The Incredible Proof Machine](http://incredible.pm/) - Visual approach to propositional logic.



## Algorithms



*[↑ top](#contents)*

* [Compression Decompression](https://unwttng.com/compression-decompressed) - Or, Making Things Smaller: A Visual Introduction.

* [Visualizing Algorithms](https://bost.ocks.org/mike/algorithms/) - Visualizing algorithms, by mike bostock.

* [VisuAlgo](https://visualgo.net) - Interactive computer science algorithms and data structures.

* [Quicksort](https://illustrated-algorithms.now.sh/quicksort) - The quicksort algorithm, illustrated with playing cards.

* [Second-Order Controls](https://medium.com/@max_goldstein/second-order-controls-5cee5ddc9d2d)

* [How to Use t-SNE Effectively](http://distill.pub/2016/misread-tsne/) - Visualizing high-dimensional data.

* [Promisees](http://bevacqua.github.io/promisees/) - Promise visualization playground for the adventurous.

* [Back to the Future of Handwriting Recognition](http://jackschaedler.github.io/handwriting-recognition/) - Active Essay Revisiting the GRAIL Handwriting Recognizer.

* [Bloom Filters](https://www.jasondavies.com/bloomfilter/) 

* [Calculating The Intersection Area of 3+ Circles](http://www.benfrederickson.com/calculating-the-intersection-of-3-or-more-circles/)

* [Line-intersection](http://bl.ocks.org/1wheel/464141fe9b940153e636) - Responsive parallel representations for the Bentley–Ottmann algorithm. 

* [Split Packing: An Algorithm for Packing Circles with up to Critical Density](https://morr.cc/split-packing/)

* [Coloring Maps](http://roadtolarissa.com/blog/2015/01/04/coloring-maps-with-d3/) - Transforming numbers into colors.

* [Interactive Diagrams for Wikipedia](https://classes.soe.ucsc.edu/cmps179/Spring13/#Week9)

* [Visualizing Map Distortion](http://bl.ocks.org/enjalot/bd552e711b8325c64729)

* [Procedural Dungeon Generation: Cellular Automata](http://blog.jrheard.com/procedural-dungeon-generation-cellular-automata)



### Machine Learning and Neural Networks

*[↑ top](#contents)*

* [r2d3.us](http://www.r2d3.us/visual-intro-to-machine-learning-part-1/) - Visual introduction to machine learning.

* [Visual Interactive Guide To The Basics Of Neural Networks](https://jalammar.github.io/visual-interactive-guide-basics-neural-networks/)

* [Neural Networks And Deep Learning](http://neuralnetworksanddeeplearning.com/) - Free online interactive book about Neural Networks and Deep Learning.

* [playground.tensorflow.org](http://playground.tensorflow.org/) - Neural network playground.

* [Attention and Augmented Recurrent Neural Networks](http://distill.pub/2016/augmented-rnns/)

* [Four Experiments in Handwriting with a Neural Network](http://distill.pub/2016/handwriting/)

* [Confounding Variables](http://bl.ocks.org/jmahabal/raw/8f010c62112dec083b559cb047a51048/)



### Programming

*[↑ top](#contents)*

* [Red Blob Games](http://www.redblobgames.com/) - Visual and interactive ways of explaining math and computer algorithms.

	* [Introduction To A* ](http://www.redblobgames.com/pathfinding/a-star/introduction.html) – How pathfinding algorithms work, by amit patel.

	* [Hexagonal Grids](http://www.redblobgames.com/grids/hexagons/) - Interactive guide on implementing hexagonal grids.

	* [Intro To Graph Theory](http://www.redblobgames.com/pathfinding/grids/graphs.html)

* [Generating Fantasy Maps](http://mewo2.com/notes/terrain/) - Generating fantasy maps, the math behind.

* [gamejolt.com](http://gamejolt.com/games/the-stranger-loop/10679) - Topology, via asteroids, narrated.

* [Interactive Introduction To Quantum Computing](http://davidbkemp.github.io/QuantumComputingArticle/)

* [The Book Of Shaders](https://thebookofshaders.com/) - Gentle step-by-step guide to fragment shaders.

* [What is code?](http://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/)

* [Algojammer](https://github.com/ChrisKnott/Algojammer) - An experimental code editor for writing algorithms



### Data Structures

*[↑ top](#contents)*

* [Quadtree](http://jimkang.com/quadtreevis/) - Interactive explanation of quadtrees, by jim kang.

* [Bitcoin Blockchain](https://anders.com/blockchain/) - The basics behind decentralized cryptocurrencies like bitcoin.



## Science

*[↑ top](#contents)*

* [ncase.me](http://ncase.me/simulating/) - Simulating the world (in emoji😘).

* [ncase.me](http://ncase.me/neurons/) - Neurotic neurons, an interactive animation on how exposure therapy works.

* [Exploring Emergence](http://www.playfulinvention.com/emergence/index.html) -  Introduction to cellular automata (from 1996! requires flash).

* [internet-atlas.net](http://internet-atlas.net/) - Critical atlas of internet.

* [Visualizing Projections](http://shaunlebron.github.io/visualizing-projections/) - Visualizing multiple camera projection techniques.

* [Entropy Explained, With Sheep](https://aatishb.github.io/entropy/)

* [Pink Trombone](http://dood.al/pinktrombone/) - Hands-On Vocal Tract Simulation.

* [GPS - Global Positioning System](https://ciechanow.ski/gps/) - A detailed interactive explanation on how the Global Positioning System works.



## Physics

*[↑ top](#contents)*

* [Angry Physics](http://ncase.me/birds/) 

* [arogozhnikov.github.io](https://arogozhnikov.github.io/2016/12/19/markov_chain_monte_carlo.html) - Hamiltonian monte carlo explained.

* [Inside Einstein's head](https://www.lucify.com/inside-einsteins-head/) - Explorable explanation of relativistic spacetime, inspired by Albert Einstein's thought experiments.

* [Interactive Introduction To Optical Modulation](https://shapescience.xyz/blog/interactive-introduction-to-optical-modulation/)

* [Nukemap](http://nuclearsecrecy.com/nukemap/) - Nuclear explosion simulation tool by alex wellerstein.

* [PhET Home Page](https://phet.colorado.edu/) - Interactive math and science simulations, based on extensive education research.

* [Physics Simulations](https://www.myphysicslab.com/) - Physics simulations which show how the math is derived.

* [Waveforms](https://pudding.cool/2018/02/waveforms/) - Let's Learn About Waveforms.

* [Math and Physics Applets](https://www.falstad.com/mathphysics.html) - Various interactive educational applets. By Paul Falstad.

* [Electronics Circuit Simulator](https://www.falstad.com/circuit/) - Electronics circuit simulator also available in an offline version.



## Psychology

*[↑ top](#contents)*

* [The Evolution Of Trust](http://ncase.me/trust/)

* [Hooked: how slot machines are designed to be addictive](https://www.theguardian.com/australia-news/datablog/ng-interactive/2017/sep/28/hooked-how-pokies-are-designed-to-be-addictive).

* [How Uber Uses Psychological Tricks to Push Its Drivers’ Buttons](https://www.nytimes.com/interactive/2017/04/02/technology/uber-drivers-psychological-tricks.html?_r=0)



## Systems And Thought Experiments

*[↑ top](#contents)*

* [Complexity Explorables](https://www.complexity-explorables.org/) - Collection of interactive explorable explanations of complex systems in many fields.

* [Many Tiny Things](https://manytinythings.github.io/) - Every big thing in the world is made up of many tiny things.

* [To Build A Better Ballot](http://ncase.me/ballot/) - an interactive guide to alternative voting systems

* [Parable Of the Polygons](http://ncase.me/polygons/)  - Simulation about segregation and diversity.

* [Who’ll Freeze First ?](http://noticing.co/on-size-and-warmth/) - Puzzle about size and staying warm.



## Creativity

*[↑ top](#contents)*

* [Joy.js](http://ncase.me/joy-demo/) - Make happy little programs.

* [Recursive Drawing](http://recursivedrawing.com/) - Create complex patterns from simple building blocks, by toby schachman.



## Other

*[↑ top](#contents)*

* [Ishkur's Guide To Electronic Music](http://techno.org/electronic-music-guide/)

* [Learn Music](https://learningmusic.ableton.com/) - Experiment with beats, melody, harmony, basslines, and song structure.

* [kevinhayeswilson.com](https://kevinhayeswilson.com/redraw/) - Redraw state boundaries with 2016 US election data.

* [Kern Type](http://type.method.ac/) - Explorable on kerning in typography.

* [How Does Inequality Begin ?](https://en.yaronshemesh.com/inequality/) - Interactive simulation.

* [How Government Expenditures Finance Themselves ?](https://thomas-tanay.github.io/posts/2022-SFCmodel) - A macroeconomic model from Wynne Godley and Marc Lavoie.

* [Virus, The Beauty Of The Beast](http://viruspatterns.com/)

* [Inner Workings of a Mechanical Watch](https://ciechanow.ski/mechanical-watch/)



## About Explorable Explanations

*[↑ top](#contents)*

* [Explorable Explanations](http://explorableexplanations.com)

* [worrydream.com](http://worrydream.com/ScientificCommunicationAsSequentialArt/) - Scientific Communication As Sequential Art.

* [worrydream.com](http://worrydream.com/LadderOfAbstraction/) - Up and down the ladder of abstraction – a systemic approach to interactive visualization.

* [worrydream.com](http://worrydream.com/ExplorableExplanations/) - Bret Victor's essay which coined the term "explorable explanations".

* [Reinventing Explanation](http://michaelnielsen.org/reinventing_explanation/) - Prototyping an accessible explanation of simpson's paradox.

* [blog.ncase.me](http://blog.ncase.me/explorable-explanations/) - Design patterns for explorable explanations.

* [simblob.blogspot.de](http://simblob.blogspot.de/2016/12/five-year-mission.html) - Amit patel of red blob games looks back on 5 years of creating interactive explanations.

* [Learning By Doing](http://blog.ncase.me/i-do-and-i-understand/) 



## Tools And Resources

*[↑ top](#contents)*

* [Explorabl.es](http://explorabl.es/) - Hub for learning through play!

* [aprt.us](http://aprt.us/) - Open-source graphics editor and programming environment for creating interactive diagrams.

* [awesome-livecoding](https://github.com/lvm/awesome-livecoding) - Curated list of live-coding resources.

* [Coeffects](http://tomasp.net/coeffects/) - Context-aware programming languages.

* [DynamicLand](https://dynamicland.org/) - Incubating a humane dynamic medium.

* [Flex - YC Research](https://harc.ycr.org/flex/) - Interactive programming and solution exploration tools

  * [Ohm](https://github.com/harc/ohm) - Visual parser generator and toolkit for building interpreters and compilers.

  * [Chorus](http://www.chorus-home.org) - Visual mobile programming using spreadsheet concepts

* [GeoGebra](https://www.geogebra.org/materials/) - Dynamic mathematics for learning and teaching.

* [Human Advancement Research Community - YC Research](https://harc.ycr.org)

* [How I Make Explorable Explanations](http://blog.ncase.me/how-i-make-an-explorable-explanation/) - By Nicky Case.

* [Implementing Draggable Handles](http://simblob.blogspot.nl/2014/09/implementing-draggable-handles.html)

* [Improv.js](http://ncase.me/improv-wip/) - Tool to make explorable explanations.

* [Data-driven Web Applications](mimno.infosci.cornell.edu/info3300/)

* [Idyll](http://idyll-lang.org/) - Tool for making interactive narratives for the web.

* [Iooxa](https://iooxa.dev) - Web components and layouts for interactive scientific writing and creating explorables

* [Lively Kernel](http://lively-kernel.org)

* [Loopy](http://ncase.me/loopy/) - Tool for thinking in systems.

* [Tangle](http://worrydream.com/Tangle/) Js Library for reactive documents.

* [TangleDown](http://bollwyvl.github.io/TangleDown/)

* [Outside the box](http://simblob.blogspot.nl/2016/10/outside-box.html) On SVG and Arrows.

* [RactivePlayer](https://ractive-player.org/) React library for creating interactive videos ("ractives")

* [RedBlobGames - Making Of](simblob.blogspot.nl/search/label/making-of)

* [Self-Lang](http://www.selflanguage.org) Prototype-based dynamic object-oriented programming language, environment, and virtual machine.



## Books And Essays

*[↑ top](#contents)*

* [Mindstorms](http://mindstorms.media.mit.edu/) - "mindstorms: children, computers, and powerful ideas", an influential 1980 book by seymour papert

* [Elements of Euclid](https://archive.org/details/firstsixbooksofe00eucl) - 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](http://www.edwardtufte.com/tufte/books_ei)

* [Understanding Comics](http://scottmccloud.com/2-print/1-uc/) - "The pedagogical potential of the comic form is vast and mostly untapped" —Bret Victor 

* [Topological Picturebook](http://www.amazon.com/Topological-Picturebook-George-K-Francis/dp/0387345426)

* [Dynamics, the Geometry of Behavior](http://www.aerialpress.com/DYN/)

* [Proofs without Words](http://www.amazon.com/Proofs-without-Words-Exercises-Classroom/dp/0883857006)

* [Relativity Visualized](http://www.amazon.com/Relativity-Visualized-Lewis-Carroll-Epstein/dp/093521805X)

* [The Shape of Space](http://www.amazon.com/Shape-Space-Chapman-Applied-Mathematics/dp/0824707095) 

* [Visual Group Theory](http://web.bentley.edu/empl/c/ncarter/vgt/)

* [Environment and Economy](http://blog.ncase.me/environment-economy/) - Interactive guide to the eco-pragmatist philosophy.



## Contributing



You are welcome to create a PR to contribute.



Please take a a look at the [contribution guidelines](https://github.com/sp4ke/awesome-explorables/blob/master/contributing.md) and [code of conduct](https://github.com/sp4ke/awesome-explorables/blob/master/code-of-conduct.md).



#### *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 !*



## Community



* Visit the [Explorabl.es](http://explorabl.es/) hub.

* Or join the subreddit on [/r/explorables](https://www.reddit.com/r/explorables/).



## License



[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)



To the extent possible under law, Chakib Benziane has waived all copyright and related or neighboring rights to this work.