We should handle browser resizing

[andyaiken]

Currently we can't resize the browser because the chart would need to redraw itself, along with any child elements.

[tlsim]

My impression of how this might work is:

• Outside of components, get resize event.
• Set corresponding width and height of chartLayout
• Call chartLayout again on existing selection.
• The chart and related components resize.

chartLayout would need some modifications:

• In the returned chartLayout function, in selection.each, adding the structural chart elements should be done with the d3 enter update exit pattern (only appending to enter() selections).
• Need to either be able to register component instances (and the selections on which they have been called) with chartLayout. Then chartLayout can redraw the components.
• Or, the components listen for chartLayout's resize, (using d3 events?) and redraw themselves (not sure how this would work, as the components don't know which elements they have been drawn on.

This might help: http://eyeseast.github.io/visible-data/2013/08/28/responsive-charts-with-d3/

[ColinEberhardt]

Thanks @tlsim for the ideas. I must admits is beyond my personal D3 capabilities. It's a tricky topic, so perhaps worth discussing on Friday? I'd love to know who this works!

[tlsim]

Definitely worth discussing (unfortunately I'm not here tomorrow), and will probably take a while to get right, but the prospect of getting responsive and zoomable charts for free by using our components is exciting!

[ColinEberhardt]

See #188