block by micahstubbs fe29ee67cba2b8b0d9b0

D3 Interactive Streamgraph Iteration 3 - Trouble with the Time Domain for Tooltips

Full Screen

My effort to adapt WillTurman’s block http://bl.ocks.org/WillTurman/4631136 to my dataset.

Not successful yet. The tooltip date range seems to be constrained to the first year in the dataset, rather than the entire 19 year 1992 to 2011 span. Also, something is off with the axes.

##Series Hover

The series hover interactivity uses the technique from lgrammel seen here: http://bl.ocks.org/1963983

##Data Tooltip

It isn’t necessarily a tooltip, but data is displayed by inverting the x-axis value into a date, and mapping the date to the corresponding data value for the series.

If there is a simpler way to do this, I’d love to see an example, as I couldn’t find any other examples of this out there.

##Vertical Line Tooltip

I think the vertical line adds a little bit of visual orientation to the streamgraph.

##Colors

I left a few alternate color ranges in the code (which are essentially taken straight from colorbrewer), in case orange doesn’t sit well.

index.html