is a visual representation that can be used to illustrate the Human Development Index together with its components and subcomponents. The design rules of the HDI tree are:
- The height of the tree trunk is proportional to the total value of the HDI
- The size of the three branches are proportional to each sub-indicator
- The branches are ordered in increasing order from left to right
- The color of the trunk is the average of the color of the components
Mathematical Representation

Diagramatic Representation
