metrics-graphics

Full list with links: Vega: https://trifacta.github.io/vega/ nvd3: http://nvd3.org/ Epoch: https://fastly.github.io/epoch/ D4: https://github.com/heavysixer/d4 C3js: http://c3js.org/ rickshaw: http://code.shutterstock.com/rickshaw/ XCharts: http://tenxer.github.io/xcharts/ D3xter: https://github.com/NathanEpstein/D3xter Metrics Graphics: https://github.com/mozilla/metrics-graphics TauCharts: http://www.taucharts.com/ N3: https://github.com/n3-charts Dangle: http://www.fullscale.co/dangle/ I feel a spreadsheet coming on... EDIT: Big list here: https://github.com/wbkd/awesome-d3

This does look like where they are generating the mouseover/highlight regions for the multi-line graphs. And the highlight regions for the scatterplot are being done here https://github.com/mozilla/metrics-graphics/blob/master/js/m... For both they are using D3's built-in voronoi function which will generate the appropriate interaction regions when given a list of points. These polygonal regions surround the given points and fill the graph, acting as large unmissable mouseover targets instead of the tiny points. It's really useful. https://github.com/mbostock/d3/wiki/Voronoi-Geom More on voronoi tessalation http://en.wikipedia.org/wiki/Voronoi_diagram

Howdy - one of the authors here. I believe to my knowledge the only thing that requires bootstrap.js is the popover stuff, which we plan to decouple anyway. Make an issue on github and we'll get to it soon: https://github.com/mozilla/metrics-graphics/issues

https://github.com/mozilla/metrics-graphics/blob/master/js/m... possibly

You are correct. It does that for the multi-line graphs as well. Multi-Line Graph https://github.com/mozilla/metrics-graphics/blob/master/js/m... Point Graph (Scatterplot) https://github.com/mozilla/metrics-graphics/blob/master/js/m...