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.