Subject
27 entries
Interactive
Bookmarks
Seeing Theory: visual probability and statistics
Seeing Theory is an interactive visualization project from Brown University that teaches probability and statistics through simulation rather than equations. Six chapters covering basic probability through Bayesian inference, all with manipulable parameters and live experiment feedback.
MLGarden: Visual Neural Network Editor
MLGarden is an interactive visual editor for building and training neural networks without linear algebra — you construct computation graphs visually, watch backpropagation happen, and train on classification tasks. Built in C++ for performance, runs in the browser for accessibility.
Websim: AI-Generated Interactive Web Experiences
Websim is a platform for AI-generating interactive web experiences — describe a simulation, game, or tool and it renders a working browser app. Community-driven with sharing, trending projects, and social features. Now at websim.com.
mind — moebio.com
An interactive visualization project by Santiago Ortiz (moebio.com) exploring mind/brain concepts through generative and data-driven graphics. Ortiz creates some of the most thoughtful intersection of data visualization and conceptual art.
Bartosz Ciechanowski — Interactive Explainer Archives
Bartosz Ciechanowski's archives of interactive visual explainers — deep, painstaking explanations of physics and engineering concepts through interactive WebGL simulations. Some of the best technical writing and visualization on the internet.
MLU-Explain: Visual ML Education
MLU-Explain is Amazon's collection of interactive visual explainers for core machine learning concepts — decision trees, random forests, bias-variance tradeoff, cross-validation, and more. Built as interactive articles in the style of Distill.pub, targeting practitioners who want intuition over math.
Will Crichton's Nota Research
Will Crichton's Nota project page — the research motivation and design thinking behind the Nota document language for interactive browser-based technical writing. Companion to the nota-lang.org specification site.
Communicating with Interactive Articles
Distill's meta-article on how interactive articles work and why they communicate research better than static papers — covering active reading, explorable explanations, and the design principles behind effective interactive science communication. A piece that argues for its own medium.
Nota: A Document Language for the Browser
Nota is a document language designed for the browser that lets authors write reactive, interactive documents with inline computation and bidirectional updates — imagine Markdown with embedded executable code that readers can modify. Will Crichton's project extending explorable explanations into a proper authoring language.
R2D3: Visual Introduction to Machine Learning
R2D3 is a visual introduction to machine learning and statistics — scrollytelling essays that use animated D3.js visualizations to explain concepts like decision trees, bias-variance tradeoff, and model comparison. One of the best examples of the genre.
GAN Lab: Interactive GANs in the Browser
GAN Lab is an interactive browser-based tool for playing with Generative Adversarial Networks — visualizing the generator and discriminator training dynamics in real time. One of the best tools for building intuition about how GANs work and fail.
Do Androids Grow Electric Plants?
Alex's technical notes on SPACEFILLER's digital plant simulations — particle systems with repulsive forces, spring connections, friction, and Boids-inspired velocity matching that produce organic-looking lo-fi animated plants. A good introduction to particle simulation forces for creative coding.
GPS: How the Global Positioning System Works
Bartosz Ciechanowski's interactive explainer on how GPS works — from trilateration fundamentals through satellite orbital design, pseudorandom codes, and relativistic clock corrections. One of the best pieces of technical writing on the web.
Markov Chains Explained Visually
Setosa.io's interactive visual explainer for Markov chains — manipulable transition matrices, live state diagrams, and steady-state convergence demonstrated in browser. The best introductory treatment of the concept available on the web.
A Visual Introduction to Machine Learning
A scrollytelling visual explanation of decision trees by Stephanie Yee and Tony Chu — widely considered one of the best examples of data visualization as pedagogy. It makes the algorithm's splitting logic tangible without any math.
Markov Chains Explained Visually
Victor Powell's interactive visual explanation of Markov chains using animated state diagrams — one of the best-known examples of explorable explanations in mathematics. Essential reading for anyone building intuition for probabilistic state systems before tackling HMMs, PageRank, or reinforcement learning.
Introduction to A*
Amit Patel's interactive introduction to pathfinding algorithms, building from breadth-first search through Dijkstra's to A* — the standard reference for understanding the A* algorithm's design rationale. The interactive diagrams make the tradeoffs between algorithms immediately tangible.
So You Think You Can Test?
An interactive tool by Lukas Vermeer that lets you distinguish A/A tests from A/B tests visually — a demonstration that human intuition about statistical significance is unreliable. Forces the realization that we can't eyeball whether a difference is real.
Sightwind
Sightwind is a wind visualization project — saved with the note 'this is gorgeous,' likely an animated map of wind patterns. In the style of Fernanda Viegas and Martin Wattenberg's wind map that inspired many similar projects.
Setosa.io: Conditional Probability Visualizer
Victor Powell's interactive visual explanation of conditional probability — part of the setosa.io series that made abstract statistical concepts tangible through browser-based animation. One of the best examples of explanatory visualization for statistics education.
Visualizing K-Means Clustering
Naftali Harris's interactive visualization of k-means clustering — place points on a canvas and watch the algorithm converge step by step. Exposes why initialization matters and where k-means fails.
Ruby on Codecademy
Codecademy's interactive Ruby track — browser-based exercises covering variables, loops, methods, OOP, and blocks. The accessible on-ramp to Ruby for non-programmers in 2014.
ConvNetJS: Deep Learning in Your Browser
Andrej Karpathy's JavaScript library for training neural networks entirely in the browser — no install, no GPU, instant demos. In 2014 it made deep learning tangible for anyone with a web browser.
Learn Git Branching
Learn Git Branching is an interactive visual tutorial for Git concepts — especially branching, merging, rebasing, and remotes. The best resource for building a mental model of how Git's DAG actually works.
Directed Graph Editor in D3
A D3.js bl.ocks example implementing an interactive directed graph editor with drag-to-create nodes and edges, arrow rendering, and selectable/deletable elements. A canonical reference for anyone building graph editing UIs in D3 before dedicated libraries like Cytoscape.js were widely adopted.
Twitter Visualizes Billions of Tweets in Interactive 3D Maps
The Verge's coverage of Twitter's interactive 3D tweet visualization showing billions of geotagged tweets rendered as a globe. An early example of browser-based 3D data visualization at social media scale using WebGL.
HERE IS TODAY
Here Is Today is an interactive scale visualization that places today's date against geological and cosmic timescales — a minimalist but viscerally effective demonstration of how visualization can make abstract quantities comprehensible through progressive context.