View: Viewport, Data Window and Padding (Getters?) about vega

[marcprux]

I agree that the view sizing stuff could be clearer. If we could just specify sizes in terms of percentages (and even have listeners for window-size events automatically installed to re-update the view when the size changes), then I think it would make it a lot simpler to have automatically resizable views.

You can see how I do padding for resizability at: http://bl.ocks.org/mprudhom/raw/5461279/ (source: http://bl.ocks.org/mprudhom/5461279 ).

[rbishop-bah]

Some additional problems I observed when I stepped through some code:

• setting view.width and view.height change the canvas node width and height to the provided values plus any padding (as expected). However setting those values also results in the viewport node's (div class='vega', right?) width and height to be changed, to the view width and height minus the padding. What's going on here? I thought the size of the data window (plus its padding) is independent of the viewport? Is that wrong?
• setting view.viewport seems to have no effect at all

[jheer]

Thanks for the documentation suggestions! We'll add them to our list. We'll also consider adding getters for the sizing properties soon.

The width, height and padding values determine the size of the DOM node containing the visualization (either a canvas or svg element). The surrounding "viewport" div has no size settings by default. If the viewport parameter is specified, this determines the size of the surrounding div and sets up the component for auto-scrolling. The size of the visualization element should indeed be set independent of the size of the enclosing viewport div. A diagram will help explain this better, and will be included among future documentation.

[jheer]

All size properties have getters. As of commit 75c47d6, each of width/height/padding/viewport are supported in both standard and headless View classes. Documentation will be updated once v1.3 is ready for release.