devtools/client/memory/components/tree-map

Name	Description	Size	Coverage
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.	3846	100 %
color-coarse-type.js	Color the boxes in the treemap	1577	100 %
drag-zoom.js	DragZoom is a class that contains the state of the current dragging and zooming behavior. It sets the scrolling and zooming behaviors.	10386	98 %
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	95 %
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	100 %