Skip to content

Instantly share code, notes, and snippets.

@daohodac
daohodac / ReadMe.md
Last active October 10, 2016 20:11 — forked from WardCunningham/ReadMe.md
Web Traffic

We start with Bostock's Multi-Foci Force Layout example and add motion to represent traffic progressing through a system. Think of this as progress bars for every inflight transaction.

Each dot represents a transaction read from a four-minute long recording. Watch for a spike in activity at 20:20 after the hour. The animation repeats when finished.

Dots enter when transactions start and exit when completed. Their speed is proportional to client's response time while their size reflects the server's contribution to total time. Color comes from the specific request.