**This is a list of Explorable Explanations. High reactive articles and documents as described by Bret Victor**
# By submitting this pull request I confirm I've read and complied with the below requirements.
Failure to properly do so will just result in the pull request being closed and everyone's time wasted. Please read it twice. Most people miss many things.
- I have read and understood the [contribution guidelines](https://github.com/sindresorhus/awesome/blob/master/contributing.md) and the [instructions for creating a list](https://github.com/sindresorhus/awesome/blob/master/create-list.md).
- This pull request has a descriptive title. For example, `Add Name of List`, not `Update readme.md` or `Add awesome list`.
- The entry in the Awesome list should include a short description about the list project/theme (not the list itself), and should be added at the bottom of the appropriate category.
- The list I added
- **has been around for at least 30 days,**
- is the result of hard work and is the best I could possibly produce,
- is a non-generated Markdown file in a GitHub repo,
- is not a duplicate,
- includes a succinct description of the project/theme at the top ([example](https://github.com/willempienaar/awesome-quantified-self)),
- includes a project logo/illustration (whenever possible) at the top right of the readme ([example](https://github.com/sindresorhus/awesome-electron)). (The logo should link to the project website or any relevant website. The logo should be high-DPI, so set it to maximum half the width of the original image.),
- only has awesome items **with descriptions** *(Awesome lists are curations of the best, not of everything)*,
- contains the [awesome badge](https://github.com/sindresorhus/awesome/blob/master/awesome.md#awesome-badge) on the right side of the list heading,
- has a Table of Contents section **named `Contents`** as the first section,
- has an [appropriate license](https://github.com/sindresorhus/awesome/blob/master/awesome.md#choose-an-appropriate-license) *(Meaning something like CC0, NOT a code licence like MIT, BSD, Apache, etc)* *(If you use a license badge, it should be SVG, not PNG)*,
- has [contribution guidelines](https://github.com/sindresorhus/awesome/blob/master/awesome.md#include-contribution-guidelines),
- doesn't include a Travis badge,
- has been checked for inconsistent formatting, spelling, and grammar:
- Each link description starts with an uppercase character and ends with a period.
- Drop all the `A` / `An` prefixes in the descriptions.
- Consistent naming. For example, `Node.js`, not `NodeJS` or `node.js`.
* [Better Explained](https://betterexplained.com) - Math without endless memorization
* [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/) - an interactive demonstration of vector field flow
* [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. Shows off Wittens' MathBox library. See also: To Infinity… And Beyond!, Animate Your Way to Glory.
* [vf.rohanp.xyz](http://vf.rohanp.xyz/) - An interactive demonstration of vector field flow.
* [World of Mathematics](http://world.mathigon.org/)
* [A Primer on Bézier Curves](http://pomax.github.io/bezierinfo/)
* [Math Insight](http://mathinsight.org/) - Copious interactive diagrams and ingenious experiments with digital publishing (threads, notation systems)
* [Math Insight](http://mathinsight.org/) - Copious interactive diagrams and ingenious experiments with digital publishing.
* [Who’ll Freeze First? A Puzzle About Size and Staying Warm](http://noticing.co/on-size-and-warmth/)
* [Circles Sines and Signals](http://jackschaedler.github.io/circles-sines-signals/) – a compact primer on digital signal processing.
* [Circles Sines and Signals](http://jackschaedler.github.io/circles-sines-signals/) – A compact primer on digital signal processing.
### Statistics And Probability
*[↑ top](#contents)*
* [Seeing Theory](http://students.brown.edu/seeing-theory/) - a visual introduction to probability and statistics
* [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. Memento mori.
* [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/)
* [Immersive Math](http://immersivemath.com/ila/) –a linear algebra book with ully interactive figures
* [Immersive Math](http://immersivemath.com/ila/) –A linear algebra book with ully interactive figures.
* [Invitation to Another Dimension](http://maxgoldste.in/invitation-to-another-dimension/)
### Trigonometry
### 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.
* [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/) - An Active Essay Revisiting the GRAIL Handwriting Recognizer
* [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/) - An Active Essay Revisiting the GRAIL Handwriting Recognizer.
* [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 make the Bentley–Ottmann algorithm easier to understand.
* [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/)
* [VisuAlgo](http://visualgo.net/)
* [Coloring Maps](http://roadtolarissa.com/blog/2015/01/04/coloring-maps-with-d3/) - Transforming numbers into colors
* [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)
* [r2d3.us](http://www.r2d3.us/visual-intro-to-machine-learning-part-1/) - a visual introduction to machine learning
* [r2d3.us](http://www.r2d3.us/visual-intro-to-machine-learning-part-1/) - A visual introduction to machine learning.
* [A 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/) - a neural network playground
* [playground.tensorflow.org](http://playground.tensorflow.org/) - A 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/)
* [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/) - an interactive guide on implementing hexagonal grids
* [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/) - An 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
* [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.
* [An Interactive Introduction To Quantum Computing](http://davidbkemp.github.io/QuantumComputingArticle/)
* [The Book Of Shaders](https://thebookofshaders.com/) - A gentle step-by-step guide to fragment shaders.
* [What is code?](http://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/)
### Data Structures
*[↑ top](#contents)*
* [Quadtree](http://jimkang.com/quadtreevis/) - an interactive explanation of quadtrees, by jim kang
* [Bitcoin Blockchain](https://anders.com/blockchain/) - "blockchain demo" explains the basics behind decentralized cryptocurrencies like bitcoin
* [Quadtree](http://jimkang.com/quadtreevis/) - An 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) - an 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
* [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) - An 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/) - A Hands-On Vocal Tract Simulation
* [Pink Trombone](http://dood.al/pinktrombone/) - A Hands-On Vocal Tract Simulation.
## Physics
*[↑ top](#contents)*
* [arogozhnikov.github.io](https://arogozhnikov.github.io/2016/12/19/markov_chain_monte_carlo.html) - hamiltonian monte carlo explained
* [Nukemap](http://nuclearsecrecy.com/nukemap/) - nuclear explosion simulation tool by alex wellerstein
* [Angry Physics](http://ncase.me/birds/)
* [PhET Home Page](https://phet.colorado.edu/) - "free interactive math and science simulations… based on extensive education research"
* [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/) - An 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.
## 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)
## Psychology Human Machine Interface
## Systems And Tought Experiments
*[↑ top](#contents)*
* [To Build A Better Ballot](http://ncase.me/ballot/) – an interactive guide to alternative voting systems
* [recursivedrawing.com](http://recursivedrawing.com/) - by toby schachman lets you create complex patterns from simple building blocks
* [Parable Of the Polygons](http://ncase.me/polygons/) – A simulation about segregation and diversity.
* [Learning By Doing](http://blog.ncase.me/i-do-and-i-understand/)
* [Complexity Explorables](http://rocs.hu-berlin.de/explorables/explorables/) - A 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/) - A simulation about segregation and diversity.
## 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/) -
* [kevinhayeswilson.com](https://kevinhayeswilson.com/redraw/) - redraw state boundaries with 2016 us election data.
* [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)
* [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? An Interactive Simulation](https://en.yaronshemesh.com/inequality/)
* [Virus, The Beauty Of The Beast](http://viruspatterns.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
* [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)*
* [Tangle](http://worrydream.com/Tangle/) Js Library for reactive documents
* [Outside the box](http://simblob.blogspot.nl/2016/10/outside-box.html) On SVG and Arrows.
* [mindstorms.media.mit.edu](http://mindstorms.media.mit.edu/) - "mindstorms: children, computers, and powerful ideas", an influential 1980 book by seymour papert
* [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
* [Understanding Comics](http://scottmccloud.com/2-print/1-uc/) - "The pedagogical potential of the comic form is vast and mostly untapped" —Bret Victor
@ -212,3 +241,16 @@ Join us on slack on reddit at [/r/explorables](https://www.reddit.com/r/explorab
Chakib Benziane
6 years ago