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.
\n \t\t\t\nThe 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 .
\n \t\t\n \n ","shortDescription":"A Stacked Area Chart based on the NVD3 library.","keywords":[],"deprecated":false,"streamable":false,"tags":["Views","JavaScript"],"icon":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAABB0lEQVQ4jaWTO26FMBBFL1EkChdUuGYBsAYKehZAAxT0ZgXshM8a2ADboEIWDR2fBho0KaKHZPFICLmdRz7HGmtGA0BEhKf5eAI1TQPLso4z3c04jhSGIQGgF3dbUBQFGYZxwLcFXdeR67oKyDknIcTvgizLFJAxRkEQUF3XVNc1ERF9Xn1SFEWQUh41z/OQJAkYY8pdRTBNE4QQqKrqqDmOAyEEOOcK2Pe9KijLEkIIzPMMAOCcI01T2LZ9Atu2xbquqiCOYwAAYwxJksDzvB/Bty0EQQDf95U+r8CTIM9z6LqOfd+xLAuGYYCUEtu2vQVPAtM0b714Kfgr+IqGf26jhu8pe5wvP5Uh6wYf5FQAAAAASUVORK5CYII=","views":[],"interactiveView":{"name":"JavaScript Stacked Area Chart","description":"A NVD3.js implementation of a Stacked Area Chart."},"inPorts":[{"objectClass":"org.knime.core.node.BufferedDataTable","color":"000000","dataType":"Table","optional":false,"name":"Display data","description":"Data table containing the values to be plotted in the Stacked Area Chart. Rows with missing values get excluded."},{"objectClass":"org.knime.core.node.BufferedDataTable","color":"000000","dataType":"Table","optional":true,"name":"Color data","description":"Data table containing one column with the column names of the first table. Each column name has a color assigned. (optional)"}],"outPorts":[{"objectClass":"org.knime.core.node.port.image.ImagePortObject","color":"41be78","dataType":"Image","optional":false,"name":"Stacked Area Chart image","description":"SVG image of the Stacked Area Chart chart."}],"dynInPorts":[],"dynOutPorts":[],"additionalSiteInformation":{"url":"https://update.knime.com/analytics-platform/5.12","trusted":true,"enabledByDefault":true,"name":"KNIME Analytics Platform 5.12 Update Site","version":"5.12.0"},"dialog":[{"sectionName":"Options","fields":[{"name":"x-Axis Column","description":"Choose the column for the x-axis. Dependent on the column's type, labels on the x-axis get rendered differently.","optional":true},{"name":"Sort for x-axis column","description":"When checked, the table is sorted for the x-axis column.","optional":false},{"name":"Included Columns","description":"Select the numeric columns which you wish to be included in the chart.","optional":false}]},{"sectionName":"General Plot Options","fields":[{"name":"Chart Type","description":"Select the stacking types.","optional":false},{"name":"Interpolation Method","description":"Select the interpolation method used to interpolate values in-between data items. -basis: a B-spline, with control point duplication on the ends. -linear: piecewise linear segments -step: alternate between horizontal and vertical segments","optional":false},{"name":"Title","description":"The chart's title.","optional":true},{"name":"Subitle","description":"The chart's subtitle.","optional":true},{"name":"Display legend","description":"When checked, the legend is displayed.","optional":false},{"name":"Display tooltip","description":"When checked, an interactive tooltip is displayed on hover.","optional":false},{"name":"Display fullscreen button","description":"Check to display a button which switches the view into fullscreen mode. The button is only available in the KNIME WebPortal.","optional":false},{"name":"Subscribe to filter events","description":"Check to subscribe to external filter events. The data will then be filtered according to the filters.","optional":false},{"name":"Image","description":"Settings for image generation.","optional":false}]},{"sectionName":"Axis Configuration","fields":[{"name":"Show Grid","description":"When checked, a grid is displayed in the chart.","optional":false},{"name":"x-axis label","description":"The label used for the x-axis.","optional":true},{"name":"y-axis label","description":"The label used for the y-axis.","optional":true},{"name":"x-Axis Number Format","description":"d3-Format string for numbers on the x-Axis.","optional":true},{"name":"y-Axis Number Format","description":"d3-Format string for numbers on the y-Axis.","optional":true},{"name":"Date Format","description":"Choose how to format x-Axis ticks if the associated column is of any date or time type.","optional":false}]},{"sectionName":"Control Options","fields":[{"name":"Enable view controls","description":"Check to enable controls in the chart.","optional":false},{"name":"Enable title editing","description":"Check to enable the editing of the title within the view.","optional":false},{"name":"Enable subtitle editing","description":"Check to enable the editing of the subtitle within the view.","optional":false},{"name":"Enable chart type change","description":"Check to enable changing of the chart style within the view.","optional":false},{"name":"Enable interpolation method editing","description":"Check to enable the editing of the interpolation method within the view.","optional":false},{"name":"Enable legend toggle","description":"Check to enable toggling of the legend within the view.","optional":false},{"name":"Enable interactive guideline toggle","description":"Check to enable toggling of the interactive pop-up within the view.","optional":false},{"name":"Enable show grid toggle","description":"Check to enable toggling of the grid within the view.","optional":false},{"name":"Enable x-axis editing","description":"Check to enable the editing of the x-axis label within the view.","optional":false},{"name":"Enable y-axis editing","description":"Check to enable the editing of the y-axis label within the view.","optional":false}]}],"links":[],"kudos":[],"kudosCount":0,"bundleInformation":{"bundleVersion":"5.12.0.v202605041104","bundleName":"D3 Samples for KNIME Dynamic JavaScript Node Generation","bundleSymbolicName":"org.knime.dynamic.js.base","bundleVendor":"KNIME AG, Zurich, Switzerland","featureSymbolicName":"org.knime.features.js.views","featureName":"KNIME JavaScript Views","featureVersion":"5.12.0.v202605041104","featureVendor":"KNIME AG, Zurich, Switzerland","extensionId":"*0qveOxOA3751S6Vx"},"frequentSuccessors":[]}