This is the illustration of the "nested grids" what this utility uses for displaying the colored bars:



As you can see
1) Every single grid has two columns only
2) and contains rows as many as the childitems.
3) The column widths are constant.
4) The row heights are in proportion to the folder/file sizes.
5) The column 0 of a grid contains colored bars only.
6) The column 1 contains subgrids only.

The above picture displays the following hierarchy:

B0
B0.B1
B0.B1.B3
B0.B1.B4
B0.B1.B4.B6
B0.B1.B4.B7
B0.B1.B5
B0.B2

IF

B = Bar
G = Grid
C = Column
R = Row
C0 = Column 0
C1 =  Column 1
R0 = Row 0
R1 = Row 1
etc...


Then the items have the following coordinates:

G0
B0 = G0.C0.R0
G1 = G0.C1.R0
B1 = G0.C1.R0.G1.C0.R0
B2 = G0.C1.R0.G1.C0.R1
G2 = G0.C1.R0.G1.C1.R0
B3 = G0.C1.R0.G1.C1.R0.G2.C0.R0
B4 = G0.C1.R0.G1.C1.R0.G2.C0.R1
B5 = G0.C1.R0.G1.C1.R0.G2.C0.R2
G3 = G0.C1.R0.G1.C1.R0.G2.C1.R1
B6 = G0.C1.R0.G1.C1.R0.G2.C1.R1.G3.C0.R0
B7 = G0.C1.R0.G1.C1.R0.G2.C1.R1.G3.C0.R1


This utility displays the folder hierarchy the above way.