Be an active reader with these playful interactive explanations.

Zihou Ng

Raft Consensus Simulator

Mark McClure

Julia sets and the Mandelbrot set

Ulf Aslak

How a power law emerges from aggregation

Chris Camargo

Lambert's Cosine Law

Sorting Algorithms

Tyson Anderson

Faceted Snow

Ricky Reusser

Periodic Planar Three-Body Orbits

Bicycle Drivetrain Analyzer

Kaydee Hartmann

Introduction to Linear Regression

Kaplan-Meier Curves

Gabriel Gianordoli

Baseline Grid

How Raymarching Works?

Calin

Cell Settling

Jacob Rus

An Easier-to-Use Sine Bar

Toph Tucker

Inferring chart type from autocorrelation and other evils

Russell Samora

Variable Thickness Band

Renato Paes Leme

Hyperbolic plane

Torus Knots

Mike Bostock

Let’s Try t-SNE!

Guillaume Calmettes

Routes to chaos

Nikhil Thorat

How to build a Teachable Machine with TensorFlow.js

Krist Wongsuphasawat

Boba Science

Herb Susmann

Boids

Predator and Prey

De Casteljau’s Algorithm

Noah Veltman

Centerline labeling

Benjamin F. Maier

A visually more appealing fisheye function

Eric Miller

Federal Budget in a Bottle

Kelley van Evert

2D point in triangle test

Jeremy Ashkenas

BMI Calculator

Dylan Freedman

Sounds

There’s Plenty of Room in the Corners

Nick Strayer

t-SNE explained in plain javascript

Jim Bumgardner

Circles, Spirals and Sunflowers

Mini de Jong Attractor

Beta-Distributed Random Values

Observable

Explorables

Essays

I think the click event doesn't work anymore, because the payload changed for events... so this probably should be changed? 

.on("click", (_, i) => choose(i))

Cobus Theunissen

SVG element's don't have title attributes; https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute

See http://bl.ocks.org/ilyabo/1339996 for an example of adding the title element.

For your code, use:

sel
.selectAll("svg")
...
.on("click", (_, d) => choose(d))
.append("svg:title").text( d => d.name);

Mario Delgado 

Purpose-built for displays of data