Contents on Explorable Explanations

Easing Functions Cheat Sheet

Wed, 24 Jun 2026 00:00:00 +0000

Easing Functions Cheat Sheet is an interactive reference for comparing easing functions that control how animation values change over time. It lists Sine, Quad, Cubic, Quart, Quint, Expo, Circ, Back, Elastic, Bounce, and related variants, making it easy to compare the shape and behavior of each In, Out, and InOut curve.

Selecting a function reveals the corresponding CSS transition-timing-function value, PostCSS usage, gradient application, and TypeScript implementation. The live samples compare the selected easing against a linear function for size, position, and opacity, which makes the site useful when choosing motion timing for UI animation.

easings.explorable-explanations.com

Easing Functions Cheat Sheet

A cheat sheet for comparing easing functions such as Sine, Quad, Expo, and Bounce through curves, CSS, and TypeScript code.

easings.explorable-explanations.com

Map Tile Browser

Thu, 18 Jun 2026 00:00:00 +0000

Map Tile Browser is an interactive tool for seeing how web map tiles are divided directly on a map. As you change the zoom level, it shows the visible tile grid and labels each tile with its center coordinates, zoom level, tile coordinates, and Quadkey.

The tool also includes place search and map style switching, so you can compare Carto basemaps with GSI standard, pale, and aerial-photo maps while inspecting tile structure. Clicking a tile copies its information, which makes the site useful both for map application development and for explaining how map tiles work.

what-the-tile.explorable-explanations.com

Map Tile Browser

An interactive tool for inspecting map tile bounds, coordinates, and Quadkeys at each zoom level.

what-the-tile.explorable-explanations.com

Learning Map Projections with Face Photos

Tue, 19 May 2026 00:00:00 +0000

This interactive content projects face photos or GeoJSON data so you can compare distortion across map projections. By switching between projections such as Mercator, Mollweide, Equal Earth, and azimuthal equidistant, you can immediately see how shapes and areas change.

It supports PNG and JPEG uploads as well as webcam input and sample data. Graticules and projection descriptions can also be displayed, making it a practical learning demo for map projections. The site also states that images captured with the webcam are not saved on the server.

projection-face-photo.vercel.app

Learning Map Projections with Face Photos

Compare distortion across map projections using face photos, webcam input, or GeoJSON.

projection-face-photo.vercel.app

AI Explorables

Sun, 01 Feb 2026 00:00:00 +0000

AI Explorables is a collection of interactive explainers about AI and machine learning from Google PAIR. It turns abstract topics such as model behavior, datasets, bias, privacy, and text generation into experiences you can explore directly.

Each piece lets you change inputs or conditions with sliders, choices, and visualized data distributions, then see how the results respond. It is a useful entry point for learning the relationship between models and data without treating AI as a black box.

ai-explorables.explorable-explanations.com

AI Explorables

A collection of interactive explainers for learning AI concepts and social impacts through explorable visualizations.

ai-explorables.explorable-explanations.com

An Introduction to Network Analysis and Representation

Sun, 01 Feb 2026 00:00:00 +0000

An Introduction to Network Analysis and Representation is an interactive learning resource for exploring network data made of nodes and edges. You can switch between examples such as random graphs, character relationships in literature, and transportation networks to observe different structures.

The tool lets you experiment with force-directed layouts, gravity, link attraction, node repulsion, degree-based sizing, centrality, clustering coefficients, path finding, and ego networks. It is useful for learning how network diagrams are formed and what common network metrics mean through direct interaction.

elijahmeeks.com

An Introduction to Network Analysis and Representation

An interactive resource for learning network layout, centrality, clustering, and path finding.

elijahmeeks.com

How to Use t-SNE Effectively

Sun, 01 Feb 2026 00:00:00 +0000

How to Use t-SNE Effectively is an interactive article about how to interpret t-SNE, a common method for visualizing high-dimensional data. It shows how cluster size, distances between clusters, randomness, and perplexity can affect the appearance of a plot.

By changing sample data and parameters, you can see that the same dataset can produce very different visual results. The article is an important learning resource for understanding what can be trusted in a t-SNE plot and what should not be overinterpreted.

post-misread-tsne.explorable-explanations.com

How to Use t-SNE Effectively

Learn how parameters and data structure affect t-SNE plots so you do not misread them.

post-misread-tsne.explorable-explanations.com

MNIST MLP Inference Visualization

Sun, 01 Feb 2026 00:00:00 +0000

MNIST MLP Inference Visualization is an interactive tool for observing the inference process of a handwritten digit recognition model in 3D. When you draw a digit on a 28 by 28 grid, you can see how activations propagate through each layer of a trained multilayer perceptron (MLP) and become final prediction probabilities.

Neuron activations, strong weighted connections, prediction distributions, and the training timeline are shown in the same view, making the internal representation of a neural network easier to understand visually. It is useful for learning image classification inference beyond just the input and output.

nn-playground.explorable-explanations.com

MNIST MLP Inference Visualization

Draw handwritten digits and observe MLP activations and prediction probabilities in 3D.

nn-playground.explorable-explanations.com

Parable of the Polygons

Sun, 01 Feb 2026 00:00:00 +0000

Parable of the Polygons is an interactive article about how small individual preferences can create large-scale social segregation. By moving triangle and square residents, you can observe how segregation can emerge even when individuals do not hold strong biases.

The article gradually introduces manual movement, automated simulation, tolerance changes, and anti-conformity. It is a representative explorable for understanding social segregation as the accumulation of simple rules rather than as an abstract argument.

ncase.me

Parable of the Polygons

An interactive simulation for learning how small individual preferences can lead to social segregation.

ncase.me