Stacked Area Chart (JavaScript)

This chart visualizes numerical values from multiple columns as stacked areas. Different stacking types can be chosen to guide the user's interpretation: The node can display Stacked Area Charts, Percentage Area Charts and Stream Graphs. Different interpolation methods can be chosen to give the graph an organic appearance.

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 .

Input ports

1. Type: Table
   Display data
   Data table containing the values to be plotted in the Stacked Area Chart. Rows with missing values get excluded.
2. Type: Table
   Color data
   Data table containing one column with the column names of the first table. Each column name has a color assigned. (optional)

Output ports

1. Type: Image
   Stacked Area Chart image
   SVG image of the Stacked Area Chart chart.