This demo visualizes a ranking of world's largest companies according to Financial Times.
layout option to choose between rectangular and
polygonal treemap layouts.
stacking option to enable "flattened" view
of the treemap. Using the descriptionGroupSize and descriptionGroupMinHeight
options to configure the size of the parent group description fragment depending on the layout.
groupLabelLayoutDecorator to
draw labels of description groups in bold font.
groupColorDecorator to
draw groups in custom colors. The color palettes are generated using palette.js.
imageData along with
FileSaver.js and
base64.js to save the visualization
image as a JPEG image.
onGroupHover and
onGroupSelectionChanging events
to get information about companies being hovered on and selected, so that their details can be presented
in the right-hand side panel.