| canvas-utils.js |
Create 2 canvases and contexts for drawing onto, 1 main canvas, and 1 zoom
canvas. The main canvas dimensions match the parent div, but the CSS can be
transformed to be zoomed and dragged around (potentially creating a blurry
canvas once zoomed in). The zoom canvas is a zoomed in section that matches
the parent div's dimensions and is kept in place through CSS. A zoomed in
view of the visualization is drawn onto this canvas, providing a crisp zoomed
in view of the tree map.
|
3843 |
| color-coarse-type.js |
Color the boxes in the treemap
|
1577 |
| drag-zoom.js |
DragZoom is a constructor that contains the state of the current dragging and
zooming behavior. It sets the scrolling and zooming behaviors.
@param {HTMLElement} container description
The container for the canvases
|
10298 |
| draw.js |
Draw the treemap into the provided canvases using the 2d context. The treemap
layout is computed with d3. There are 2 canvases provided, each matching
the resolution of the window. The main canvas is a fully drawn version of
the treemap that is positioned and zoomed using css. It gets blurry the more
you zoom in as it doesn't get redrawn when zooming. The zoom canvas is
repositioned absolutely after every change in the dragZoom object, and then
redrawn to provide a full-resolution (non-blurry) view of zoomed in segment
of the treemap.
|
9760 |
| moz.build |
|
349 |
| start.js |
Start the tree map visualization
@param {HTMLDivElement} container
@param {Object} report
the report from a census
@param {Number} debounceRate
|
1166 |