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

Interactive demonstration of vector field flow.

World of Mathematics

(example: Sieve of Eratosthenes) and beta site

Primer on Bézier Curves

Math Insight

Copious interactive diagrams and ingenious experiments with digital publishing.

Circles Sines and Signals

Compact primer on digital signal processing.

Epiplexis

Interactive videos on a variety of math topics

Conditional Probability

Exploring Histograms

Humans Suck At Entropy

Interpreting Confidence Intervals

Interpreting Confidence Intervals.

Markov Chains

Ordinary Least Squares Regression

Principal Component Analysis

Probdef

Open-source game about probability and inference leading up to Bayes Theorem.

Seeing Theory

Visual introduction to probability and statistics.

Simpson's Paradox

Science Isn't Broken

On scientific method (p-values).

Years You Have Left to Live, Probably

Great illustration of survival analysis, and of probabalistic proccesses in general.

Eigenvectors and Eigenvalues

Interactive 2d Matrix

Immersive Math

Linear algebra book with ully interactive figures.

Invitation to Another Dimension

PCA Digit Embedding

Interactive visualization of handwritten digits using PCA from UCI ML dataset.

Signal Decomposition

Tutorial on breaking down complex time series signals using signal-decomp library.

Interactive Matrices

Demos including 2D slider, Gaussian distribution and PCA visualization.

Immersive Linear Algebra

The world's first linear algebra book with fully interactive figures.

How to Fold a Julia Fractal

Brilliant use of animation to show complex mathematical processes geometrically.

Sine and Cosine

Surfaces Visualization

Interactive plot of mathematical surfaces including paraboloid, saddle, sphere and torus.

The Incredible Proof Machine

Visual approach to propositional logic.

Compression Decompression

Or, Making Things Smaller: A Visual Introduction.

Visualizing Algorithms

Visualizing algorithms, by mike bostock.

VisuAlgo

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

Active Essay Revisiting the GRAIL Handwriting Recognizer.

Bloom Filters

Calculating The Intersection Area of 3+ Circles

Line-intersection

Responsive parallel representations for the Bentley–Ottmann algorithm.

Split Packing: An Algorithm for Packing Circles with up to Critical Density

Coloring Maps

Transforming numbers into colors.

Interactive Diagrams for Wikipedia

Visualizing Map Distortion

Procedural Dungeon Generation: Cellular Automata

r2d3.us

Visual introduction to machine learning.

Visual Interactive Guide To The Basics Of Neural Networks

Neural Networks And Deep Learning

Free online interactive book about Neural Networks and Deep Learning.

playground.tensorflow.org

Neural network playground.

Attention and Augmented Recurrent Neural Networks

Interesting for visual animations, it is a nice intro to attention mechanisms as an example.

Four Experiments in Handwriting with a Neural Network

Confounding Variables

Seam Carving Algorithm

Content-aware image resizing technique preserving main image elements.

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

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.

Interactive Introduction To Quantum Computing

The Book Of Shaders

Gentle step-by-step guide to fragment shaders.

What is code?

Algojammer

An experimental code editor for writing algorithms

Quadtree

Interactive explanation of quadtrees, by jim kang.

Bitcoin Blockchain

The basics behind decentralized cryptocurrencies like bitcoin.

ncase.me

Simulating the world (in emoji😘).

ncase.me

Neurotic neurons, an interactive animation on how exposure therapy works.

Exploring Emergence

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

Hands-On Vocal Tract Simulation.

GPS - Global Positioning System

A detailed interactive explanation on how the Global Positioning System works.

Trajectory Planning

NASA Convex Optimization Short Course notebook on rocket landing using model predictive control.

STEM Probes

Notebook exploring scientific measurement techniques.

Angry Physics

arogozhnikov.github.io

Hamiltonian monte carlo explained.

Inside Einstein's head

Explorable explanation of relativistic spacetime, inspired by Albert Einstein's thought experiments.

Interactive Introduction To Optical Modulation

Nukemap

Nuclear explosion simulation tool by alex wellerstein.

PhET Home Page

Interactive math and science simulations, based on extensive education research.

Physics Simulations

Physics simulations which show how the math is derived.

Waveforms

Let's Learn About Waveforms.

Math and Physics Applets

Various interactive educational applets. By Paul Falstad.

Electronics Circuit Simulator

Electronics circuit simulator also available in an offline version.

The Evolution Of Trust

Hooked: how slot machines are designed to be addictive

.

How Uber Uses Psychological Tricks to Push Its Drivers’ Buttons

Complexity Explorables

Collection of interactive explorable explanations of complex systems in many fields.

Many Tiny Things

Every big thing in the world is made up of many tiny things.

To Build A Better Ballot

an interactive guide to alternative voting systems

Parable Of the Polygons

Simulation about segregation and diversity.

Who’ll Freeze First ?

Puzzle about size and staying warm.

Joy.js

Make happy little programs.

Recursive Drawing

Create complex patterns from simple building blocks, by toby schachman.

Ishkur's Guide To Electronic Music

Learn Music

Experiment with beats, melody, harmony, basslines, and song structure.

kevinhayeswilson.com

Redraw state boundaries with 2016 US election data.

Kern Type

Explorable 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

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.

Learning By Doing

Explorabl.es

Hub for learning through play!

aprt.us

Open-source graphics editor and programming environment for creating interactive diagrams.

awesome-livecoding

Curated list of live-coding resources.

Coeffects

Context-aware programming languages.

DynamicLand

Incubating a humane dynamic medium.

Explorable Studio

In-browser, no-code tool for building and sharing explorable explanations with sliders, charts and math.

Flex - YC Research

Interactive programming and solution exploration tools

Ohm

Visual parser generator and toolkit for building interpreters and compilers.

Chorus

Visual mobile programming using spreadsheet concepts

GeoGebra

Dynamic mathematics for learning and teaching.

Human Advancement Research Community - YC Research

How I Make Explorable Explanations

By Nicky Case.

Implementing Draggable Handles

Improv.js

Tool to make explorable explanations.

Idyll

Tool for making interactive narratives for the web.

Iooxa

Web components and layouts for interactive scientific writing and creating explorables

Lively Kernel

Loopy

Tool for thinking in systems.

Tangle

Js Library for reactive documents.

TangleDown

Outside the box

On SVG and Arrows.

RactivePlayer

React library for creating interactive videos ("ractives")

Self-Lang

Prototype-based dynamic object-oriented programming language, environment, and virtual machine.

marimo Notebook Gallery

Collection of interactive notebooks.

marimo Community Cloud

Online marimo framework editor, powered using WASM + Pyodide.

Mindstorms

"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

Topological Picturebook

Dynamics, the Geometry of Behavior

Proofs without Words

Relativity Visualized

The Shape of Space

Visual Group Theory

Environment and Economy

Interactive guide to the eco-pragmatist philosophy.