Sunburst Chart (JavaScript)

This chart displayes hierarchical data in a radial layout: The circle in the chart center represents the hierarchy's root node. Sections further outside represent nodes that are located deeper in the hierarchy.
Each leaf node has a attached value attribute. For sections corresponding to leaf nodes, the area is derived from the leaf node's value attribute. For sections not corresponding to leaf nodes, the area is derived from the accumulated value of all descending leaf nodes.

This node expects a data structure that satisfies certain requirements:

• Each row represents the path from the root node to a leaf node.
• The user selects multiple path columns. Each path column gives the labels for a respective hierarchy level.
• The number of path columns corresponds to the maximal depth of the hierarchy.
• Paths shorter then the maximal depth need to be filled up with missing values.
• The user selected value column gives the leaf node's attached value attribute.

The following table gives an example for such a data structure:

level0level1level2valueCarnivoraFelidaePanthera10CarnivoraMustelidaeMephitis6CarnivoraMustelidaeLutra7CarnivoraCanidae?14

CSS Styling

The node supports custom CSS styling. You can simply put CSS rules into a single string and set it as a flow variable 'customCSS' in the node configuration dialog. You will find the list of available classes and their description on our documentation page at https://knime.com/css-styling.

Input ports

1. Type: Table
   Display data
   Data table containing one row for each leaf node in the hierarchy. Path columns each give the labels for a respective hierarchy level. The value column gives the leaf node's attached value attribute.
2. Type: PortObject
   Color model
   Color model indicating the colors used for the sunburst chart. (optional)

Output ports

1. Type: Image
   Sunburst image
   SVG image of the sunburst chart.
2. Type: Table
   Input Data + View Selection
   Input table plus a new column that gives the selections made in the view.