This simulates cars going around the Melbourne, Australia racing track. The circles are moving about three times faster than their real-life counterparts.
The car-circles change speed randomly, as displayed on the line chart.
See my previous work:
forked from gabrielflorit's block: Speedy Racer
xxxxxxxxxx<title>blockup</title><link href='https://fonts.googleapis.com/css?family=VT323' rel='stylesheet'><link href='dist.css' rel='stylesheet' /><body> <h1>speedy racer</h1> <div class='circuit'></div> <table class='board'> <thead> <tr> <td></td> <td></td> <td></td> <td class='cyan'>GAP</td> <td class='cyan'>INT</td> <td></td> <td></td> </tr> </thead> <tbody> </tbody> </table> <div class='chart'></div> <button class='slow'>slow</button> <button class='fast'>fast</button> <button class='stop'>stop</button> <script src='lodash.min.js'></script> <script src='d3.v4.min.js'></script> <script src='drivers.js'></script> <script src='circuitTracks.js'></script> <script src='dist.js'></script></body>