latency heatmaps in D3 and Highcharts

August 12th, 2013

See Brendan Gregg’s blog on how important and cool heatmaps can be for showing latency information and how average latency hides what is really going on:

 
Now if we want to create heatmap graphics, how can we do it? Two popular web methods for displaying graphics are Highcharts and D3. Two colleges of mine whipped up some quick examples in both Highcharts and D3 to show latency heatmaps and those two examples are shown below. The data in the charts is random just for the purposes of showing examples of these graphics in actions.
 
 

Highcharts Heatmap


see code at http://jsfiddle.net/vladiweb/GNd3G/


 
 
 

D3 Heatmap


see code at
http://jsfiddle.net/eyalkaspi/YH8sw



Uncategorized

  1. Trackbacks

  2. No trackbacks yet.
  1. Comments

  2. August 15th, 2013 at 15:17 | #1

    Kyle,

    Thanks for sharing the insightful info on D3 heat maps. I’m looking forward to try it as soon as I get over my current addiction to R.

    Cheers!
    Maaz


− one = 6