Skip to content

Instantly share code, notes, and snippets.

View WardCunningham's full-sized avatar

Ward Cunningham WardCunningham

  • Cunningham & Cunningham, Inc.
  • Portland, Oregon
View GitHub Profile
@WardCunningham
WardCunningham / ReadMe.md
Last active September 25, 2016 17:56 — forked from mbostock/.block
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.