awesome-explorables

Interactive explanations

A curated list of interactive explanations for complex concepts and ideas

A curated list of awesome explorable explanations.

GitHub

754 stars
33 watching
42 forks
last commit: almost 2 years ago
Linked from 1 awesome list

awesomeawesome-explorablesawesome-listexplorable-explanationsexplorablesreactive-documentsvisualizations

Awesome Explorables / Math

Explained Visually

Awesome Explorables / Math / Explained Visually

Image Kernels
Pi (π)
Exponentiation

Awesome Explorables / Math

Better ExplainedMath without endless memorization
Euclid: The Game
The Hitchhiker's Guide To The Mandelbrot set
vf.rohanp.xyzInteractive demonstration of vector field flow
World of Mathematics
Primer on Bézier Curves
Math InsightCopious interactive diagrams and ingenious experiments with digital publishing
Circles Sines and SignalsCompact primer on digital signal processing
EpiplexisInteractive videos on a variety of math topics

Awesome Explorables / Math / Statistics And Probability

Conditional Probability
Exploring Histograms
Humans Suck At Entropy
Interpreting Confidence IntervalsInterpreting Confidence Intervals
Markov Chains
Ordinary Least Squares Regression
Principal Component Analysis
ProbdefOpen-source game about probability and inference leading up to Bayes Theorem
Seeing TheoryVisual introduction to probability and statistics
Simpson's Paradox
Science Isn't BrokenOn scientific method (p-values)
Years You Have Left to Live, ProbablyGreat illustration of survival analysis, and of probabalistic proccesses in general

Awesome Explorables / Math / Linear Algebra

Eigenvectors and Eigenvalues
Interactive 2d Matrix
Immersive MathLinear algebra book with ully interactive figures
Invitation to Another Dimension

Awesome Explorables / Math / Geometry

How to Fold a Julia FractalBrilliant use of animation to show complex mathematical processes geometrically
Sine and Cosine

Awesome Explorables / Math / Logic

The Incredible Proof MachineVisual approach to propositional logic

Awesome Explorables / Algorithms

Compression DecompressionOr, Making Things Smaller: A Visual Introduction
Visualizing AlgorithmsVisualizing algorithms, by mike bostock
VisuAlgoInteractive computer science algorithms and data structures
QuicksortThe quicksort algorithm, illustrated with playing cards
Second-Order Controls
How to Use t-SNE EffectivelyVisualizing high-dimensional data
PromiseesPromise visualization playground for the adventurous
Back to the Future of Handwriting RecognitionActive Essay Revisiting the GRAIL Handwriting Recognizer
Bloom Filters
Calculating The Intersection Area of 3+ Circles
Line-intersectionResponsive parallel representations for the Bentley–Ottmann algorithm
Split Packing: An Algorithm for Packing Circles with up to Critical Density
Coloring MapsTransforming numbers into colors
Interactive Diagrams for Wikipedia
Visualizing Map Distortion
Procedural Dungeon Generation: Cellular Automata

Awesome Explorables / Algorithms / Machine Learning and Neural Networks

r2d3.usVisual introduction to machine learning
Visual Interactive Guide To The Basics Of Neural Networks
Neural Networks And Deep LearningFree online interactive book about Neural Networks and Deep Learning
playground.tensorflow.orgNeural network playground
Attention and Augmented Recurrent Neural Networks
Four Experiments in Handwriting with a Neural Network
Confounding Variables

Awesome Explorables / Algorithms / Programming

Red Blob GamesVisual and interactive ways of explaining math and computer algorithms

Awesome Explorables / Algorithms / Programming / Red Blob Games

Introduction To A*– How pathfinding algorithms work, by amit patel
Hexagonal GridsInteractive guide on implementing hexagonal grids
Intro To Graph Theory

Awesome Explorables / Algorithms / Programming

Generating Fantasy MapsGenerating fantasy maps, the math behind
gamejolt.comTopology, via asteroids, narrated
Interactive Introduction To Quantum Computing
The Book Of ShadersGentle step-by-step guide to fragment shaders
What is code?
Algojammer2,916over 7 years agoAn experimental code editor for writing algorithms

Awesome Explorables / Algorithms / Data Structures

QuadtreeInteractive explanation of quadtrees, by jim kang
Bitcoin BlockchainThe basics behind decentralized cryptocurrencies like bitcoin

Awesome Explorables / Science

ncase.meSimulating the world (in emoji😘)
ncase.meNeurotic neurons, an interactive animation on how exposure therapy works
Exploring EmergenceIntroduction to cellular automata (from 1996! requires flash)
internet-atlas.netCritical atlas of internet
Visualizing ProjectionsVisualizing multiple camera projection techniques
Entropy Explained, With Sheep
Pink TromboneHands-On Vocal Tract Simulation
GPS - Global Positioning SystemA detailed interactive explanation on how the Global Positioning System works

Awesome Explorables / Physics

Angry Physics
arogozhnikov.github.ioHamiltonian monte carlo explained
Inside Einstein's headExplorable explanation of relativistic spacetime, inspired by Albert Einstein's thought experiments
Interactive Introduction To Optical Modulation
NukemapNuclear explosion simulation tool by alex wellerstein
PhET Home PageInteractive math and science simulations, based on extensive education research
Physics SimulationsPhysics simulations which show how the math is derived
WaveformsLet's Learn About Waveforms
Math and Physics AppletsVarious interactive educational applets. By Paul Falstad
Electronics Circuit SimulatorElectronics circuit simulator also available in an offline version

Awesome Explorables / Psychology

The Evolution Of Trust
Hooked: how slot machines are designed to be addictive
How Uber Uses Psychological Tricks to Push Its Drivers’ Buttons

Awesome Explorables / Systems And Thought Experiments

Complexity ExplorablesCollection of interactive explorable explanations of complex systems in many fields
Many Tiny ThingsEvery big thing in the world is made up of many tiny things
To Build A Better Ballotan interactive guide to alternative voting systems
Parable Of the PolygonsSimulation about segregation and diversity
Who’ll Freeze First ?Puzzle about size and staying warm

Awesome Explorables / Creativity

Joy.jsMake happy little programs
Recursive DrawingCreate complex patterns from simple building blocks, by toby schachman

Awesome Explorables / Other

Ishkur's Guide To Electronic Music
Learn MusicExperiment with beats, melody, harmony, basslines, and song structure
kevinhayeswilson.comRedraw state boundaries with 2016 US election data
Kern TypeExplorable on kerning in typography
How Does Inequality Begin ?Interactive simulation
How Government Expenditures Finance Themselves ?A macroeconomic model from Wynne Godley and Marc Lavoie
Virus, The Beauty Of The Beast
Inner Workings of a Mechanical Watch

Awesome Explorables / About Explorable Explanations

Explorable Explanations
worrydream.comScientific Communication As Sequential Art
worrydream.comUp and down the ladder of abstraction – a systemic approach to interactive visualization
worrydream.comBret Victor's essay which coined the term "explorable explanations"
Reinventing ExplanationPrototyping an accessible explanation of simpson's paradox
blog.ncase.meDesign patterns for explorable explanations
simblob.blogspot.deAmit patel of red blob games looks back on 5 years of creating interactive explanations
Learning By Doing

Awesome Explorables / Tools And Resources

Explorabl.esHub for learning through play!
aprt.usOpen-source graphics editor and programming environment for creating interactive diagrams
awesome-livecoding2,600about 2 years agoCurated list of live-coding resources
CoeffectsContext-aware programming languages
DynamicLandIncubating a humane dynamic medium
Flex - YC ResearchInteractive programming and solution exploration tools

Awesome Explorables / Tools And Resources / Flex - YC Research

Ohm5,017about 2 years agoVisual parser generator and toolkit for building interpreters and compilers
ChorusVisual mobile programming using spreadsheet concepts

Awesome Explorables / Tools And Resources

GeoGebraDynamic mathematics for learning and teaching
Human Advancement Research Community - YC Research
How I Make Explorable ExplanationsBy Nicky Case
Implementing Draggable Handles
Improv.jsTool to make explorable explanations
Data-driven Web Applications
IdyllTool for making interactive narratives for the web
IooxaWeb components and layouts for interactive scientific writing and creating explorables
Lively Kernel
LoopyTool for thinking in systems
TangleJs Library for reactive documents
TangleDown
Outside the boxOn SVG and Arrows
RactivePlayerReact library for creating interactive videos ("ractives")
RedBlobGames - Making Of
Self-LangPrototype-based dynamic object-oriented programming language, environment, and virtual machine

Awesome Explorables / Books And Essays

Mindstorms"mindstorms: children, computers, and powerful ideas", an influential 1980 book by seymour papert
Elements of Euclidoliver 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
Topological Picturebook
Dynamics, the Geometry of Behavior
Proofs without Words
Relativity Visualized
The Shape of Space
Visual Group Theory
Environment and EconomyInteractive guide to the eco-pragmatist philosophy

Awesome Explorables / Community

Explorabl.esVisit the hub
/r/explorablesOr join the subreddit on

Backlinks from these awesome lists:

More related projects: