D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
1wheel
Full window
Github gist
fps-meter
<!DOCTYPE html> <meta charset="utf-8"> <style> </style> <body></body> <script src="/1wheel/raw/67b47524ed8ed829d021/d3-3.5.5.js"></script> <script src="/1wheel/raw/67b47524ed8ed829d021/lodash-3.8.0.js"></script> <script src='/1wheel/raw/1b6758978dc2d52d3a37/d3-jetpack.js'></script> <script src='/1wheel/raw/1b6758978dc2d52d3a37/d3-starterkit.js'></script> <script> fpsInit() function fpsInit(){ var counter = d3.select('body').append('div') .style({ 'font-family': 'monospace', position: 'fixed', 'padding': '8px', 'background': 'black', 'color': 'white' }) var ticks = [] d3.timer(function(t){ ticks.push(t) if (ticks.length > 15) ticks.shift() var avgFrameLength = (_.last(ticks) - ticks[0])/ticks.length counter.text(Math.round(1/avgFrameLength*1000) + ' fps') //todo - line chart }) } </script>