new diagram type: Treemap

[jk2K]

Proposal

Treemaps display hierarchical (tree-structured) data as a set of nested rectangles. Each branch of the tree is given a rectangle, which is then tiled with smaller rectangles representing sub-branches. A leaf node's rectangle has an area proportional to a specified dimension of the data.[1] Often the leaf nodes are colored to show a separate dimension of the data.

https://en.wikipedia.org/wiki/Treemapping

Use Cases

• Disk space analyzer
• file size analyzer

Screenshots

No response

Syntax

No response

Implementation

None

[artfulrobot]

Ideas:

treemap
  12345 Home
    10000 Downloads
    2000 Documents
      1000 Project A
        700 Strategy
      1000 Other
    345 Pictures

  {indentation, depth*2} {positive integer value} {space} [{id}:]{label}

id labels are not necessary, but could be useful for applying styles.

I think a useful config option would be what to display visibly:

• label (option to hide)
• value (option to display using toLocaleString with fixed decimals? option to hide)
• mouse-over (title attr?) would have to show details of that item.
• ideally, clicking a parent would regenerate the chart with that parent as the top level. There would need to be a 'back' button.

[I had a play]