block by mbostock 5c50a377e76a1974248bd628befdec95

Stretched Treemap

Full Screen

This example demonstrates how to produce a stretched treemap where the target aspect ratio of the rectangles is 4:1 (width:height). Since squarify.ratio does not imply orientation—the ratio must be one or greater—this approach uses a target ratio of one to produce a squarified layout of size [width / ratio, height], and then stretches the resulting layout to fit [width, height].

A limitation of this approach is that inner padding cannot be asymmetric, and thus if inner padding were used, it would also be stretched by the target aspect ratio. This example subtracts one from the width and height of the generated cells to separate adjacent cells. However, this loses nesting information compared to a non-stretched treemap.

Updated Example →

index.html

flare.csv