diff --git a/code-of-conduct.md b/code-of-conduct.md new file mode 100644 index 0000000..e35f66c --- /dev/null +++ b/code-of-conduct.md @@ -0,0 +1,74 @@ +# Contributor Covenant Code of Conduct + +## Our Pledge + +In the interest of fostering an open and welcoming environment, we as +contributors and maintainers pledge to making participation in our project and +our community a harassment-free experience for everyone, regardless of age, body +size, disability, ethnicity, gender identity and expression, level of experience, +nationality, personal appearance, race, religion, or sexual identity and +orientation. + +## Our Standards + +Examples of behavior that contributes to creating a positive environment +include: + +* Using welcoming and inclusive language +* Being respectful of differing viewpoints and experiences +* Gracefully accepting constructive criticism +* Focusing on what is best for the community +* Showing empathy towards other community members + +Examples of unacceptable behavior by participants include: + +* The use of sexualized language or imagery and unwelcome sexual attention or +advances +* Trolling, insulting/derogatory comments, and personal or political attacks +* Public or private harassment +* Publishing others' private information, such as a physical or electronic + address, without explicit permission +* Other conduct which could reasonably be considered inappropriate in a +professional setting + +## Our Responsibilities + +Project maintainers are responsible for clarifying the standards of acceptable +behavior and are expected to take appropriate and fair corrective action in +response to any instances of unacceptable behavior. + +Project maintainers have the right and responsibility to remove, edit, or +reject comments, commits, code, wiki edits, issues, and other contributions +that are not aligned to this Code of Conduct, or to ban temporarily or +permanently any contributor for other behaviors that they deem inappropriate, +threatening, offensive, or harmful. + +## Scope + +This Code of Conduct applies both within project spaces and in public spaces +when an individual is representing the project or its community. Examples of +representing a project or community include using an official project e-mail +address, posting via an official social media account, or acting as an appointed +representative at an online or offline event. Representation of a project may be +further defined and clarified by project maintainers. + +## Enforcement + +Instances of abusive, harassing, or otherwise unacceptable behavior may be +reported by contacting the project team at <%= email %>. All +complaints will be reviewed and investigated and will result in a response that +is deemed necessary and appropriate to the circumstances. The project team is +obligated to maintain confidentiality with regard to the reporter of an incident. +Further details of specific enforcement policies may be posted separately. + +Project maintainers who do not follow or enforce the Code of Conduct in good +faith may face temporary or permanent repercussions as determined by other +members of the project's leadership. + +## Attribution + +This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, +available at [http://contributor-covenant.org/version/1/4][version] + +[homepage]: http://contributor-covenant.org +[version]: http://contributor-covenant.org/version/1/4/ diff --git a/CONTRIBUTING.md b/contributing.md similarity index 86% rename from CONTRIBUTING.md rename to contributing.md index e19ac5b..32eef94 100644 --- a/CONTRIBUTING.md +++ b/contributing.md @@ -3,7 +3,7 @@ # Contribution Guidelines -- **To add, remove, or change things on the list:** Submit a pull request +- **To add, remove, or change things on the list:** Submit a pull request - Each item should be limited to one link. - If many links belong to the same domain, regroup them in a sub list. - The link should a short and clear title. diff --git a/push-to-awesomes b/push-to-awesomes new file mode 100644 index 0000000..8cf6b9b --- /dev/null +++ b/push-to-awesomes @@ -0,0 +1,35 @@ +Inspired by Bret Victor. + + + + + +**https://github.com/sp4ke/awesome-explorables** + +**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`. diff --git a/README.md b/readme.md similarity index 52% rename from README.md rename to readme.md index 53ddc9b..c6761db 100644 --- a/README.md +++ b/readme.md @@ -12,14 +12,13 @@ Please take a a look at [contribution guidelines](https://github.com/sp4ke/aweso #### *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 on reddit at [/r/explorables](https://www.reddit.com/r/explorables/) ## Contents - [Math](#math) - [Statistics And Probability](#statistics-and-probability) - [Linear Algebra](#linear-algebra) - - [Trigonometry](#trigonometry) + - [Geometry](#geometry) - [Logic](#logic) - [Algorithms](#algorithms) - [Machine Learning And Neural Networks](#machine-learning-and-neural-networks) @@ -27,11 +26,13 @@ Join us on slack on reddit at [/r/explorables](https://www.reddit.com/r/explorab - [Data Structures](#data-structures) - [Science](#science) - [Physics](#physics) -- [Psychology - Human Machine Interface](#psychology-human-machine-interface) +- [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](#books) +- [Books And Essays](#books-and-essays) ## Math @@ -40,48 +41,51 @@ Join us on slack on reddit at [/r/explorables](https://www.reddit.com/r/explorab * [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 +* [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 -* [Principal Component Analysis](http://setosa.io/ev/principal-component-analysis/) * [Conditional Probability](http://setosa.io/ev/conditional-probability/) -* [Ordinary Least Squares Regression](http://setosa.io/ev/ordinary-least-squares-regression/) -* [Markov Chains](http://setosa.io/ev/markov-chains/) -* [Science Isn't Broken](https://fivethirtyeight.com/features/science-isnt-broken/#part1) - On scientific method (p-values) +* [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) - An open-source game about probability and inference leading up to Bayes Theorem. +* [Seeing Theory](http://students.brown.edu/seeing-theory/) - A visual introduction to probability and statistics. * [Simpson's Paradox](http://vudlab.com/simpsons/) -* [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. -* [Interpreting Confidence Intervals](http://rpsychologist.com/d3/CI/) - See also: Interpreting Correlations & others. +* [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/) – 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. +* [Trigonometry](http://huylenq.com/trigonometry) - Simple interactive trigonometry. * [Sine and Cosine](http://setosa.io/ev/sine-and-cosine/) ### Logic *[↑ top](#contents)* -* [The Incredible Proof Machine](http://incredible.pm/) – a visual approach to propositional logic +* [The Incredible Proof Machine](http://incredible.pm/) – A visual approach to propositional logic. @@ -89,120 +93,145 @@ Join us on slack on reddit at [/r/explorables](https://www.reddit.com/r/explorab ## Algorithms *[↑ top](#contents)* -* [Visualizing Algorithms](https://bost.ocks.org/mike/algorithms/) - visualizing algorithms, by mike bostock -* [visualgo.net](https://visualgo.net) - interactive computer science algorithms and data structures -* [Quicksort](https://illustrated-algorithms.now.sh/quicksort) - the quicksort algorithm, illustrated with playing cards +* [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.net](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/) - 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. * [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 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) * [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/) - 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/) * [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/) - 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/) ## 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 +* [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. -* [Implementing Draggable Handles](http://simblob.blogspot.nl/2014/09/implementing-draggable-handles.html) -* [RedBlobGames - Making Of](simblob.blogspot.nl/search/label/making-of) -* [GeoGebra](https://www.geogebra.org/materials/) - dynamic mathematics for learning and teaching -* [aprt.us](http://aprt.us/) - apparatus, an open-source graphics editor and programming environment for creating interactive diagrams -* [awesome-livecoding](https://github.com/lvm/awesome-livecoding) - a curated list of live-coding resources. -* [Self-Lang](http://www.selflanguage.org) prototype-based dynamic object-oriented programming language, environment, and virtual machine -* [Lively Kernel](http://lively-kernel.org) -* [Coeffects](http://tomasp.net/coeffects/) - Context-aware programming languages -* [INFO 3300 - Data-driven Web Applications](mimno.infosci.cornell.edu/info3300/) -* [Human Advancement Research Community - YC Research](https://harc.ycr.org) +* [Explorabl.es](http://explorabl.es/) - A hub for learning through play! +* [aprt.us](http://aprt.us/) - An open-source graphics editor and programming environment for creating interactive diagrams. +* [awesome-livecoding](https://github.com/lvm/awesome-livecoding) - A 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 -* [Loopy](http://ncase.me/loopy/) - a tool for thinking in systems - +* [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/) - A tool to make explorable explanations. +* [Data-driven Web Applications](mimno.infosci.cornell.edu/info3300/) +* [Idyll](http://idyll-lang.org/) - A tool for making interactive narratives for the web. +* [Lively Kernel](http://lively-kernel.org) +* [Loopy](http://ncase.me/loopy/) - A 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. +* [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 +## Books And Essays *[↑ top](#contents)* -* [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 * [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 @@ -212,3 +241,16 @@ Join us on slack on reddit at [/r/explorables](https://www.reddit.com/r/explorab * [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/) - An interactive guide to the eco-pragmatist philosophy. + + +## 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.