Pie/Donut Chart (JavaScript)

A pie or donut chart based on the NVD3 library.

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.

Options

Category Column: Select the column that contains the category values.
Aggregation Method: Select the aggregation method used on the selected frequency column. In case of Occurrence Count the occurrence of the unique values of the selected category columns are determined.
Report on missing values: Check to get the detailed warning messages in the view about missing values and enable 'Missing values' category. If not checked, missing values will be ignored without raising a warning. 'Missing values' category will not be present.
Include 'Missing values' category: If checked, missing values in the category column will form a separate class named "Missing values". Otherwise they will be ignored.
Frequency column (*): Select the column with the frequency for the chart. Note: negative values will be taken with their absolute magnitude.
Missing values in the frequency column will be ignored with a corresponding warning message.
If a category has only missing values in the frequency column, this category will be excluded from the view with a corresponding warning message.
Process in memory: Process the table in the memory. Requires more memory but is faster since the table needs not to be sorted prior aggregation. The memory consumption depends on the number of unique groups and the chosen aggregation method.

General Plot Options

Title (*): The chart title.
Subtitle (*): The chart subtitle.
Chart type: Check this option to build a donut chart. Otherwise, a pie chart will be plotted.
Donut Hole Ratio: Configure how big you want the donut hole size to be.
Title inside donut (*): An optional title that gets displayed inside the donut hole.
Use row colors: Select whether the assigned row colors are supposed to be used instead of standard colors.
Display legend: When checked, the pie chart legend is displayed.
Show labels: Show or hide the category labels
Label type: Select what is shown as the pie charts labels from the list of possible values.
Label Threshold: Configure the minimum slice size for labels to show up
Display fullscreen button: Check to display a button which switches the view into fullscreen mode. The button is only available in the KNIME WebPortal.
Image: Settings for image generation.
Show warnings in view: If checked, warning messages will be displayed in the view when they occur.

Control Options

Enable view controls: Check to enable controls in the chart.
Enable title editing: Check to enable the editing of the title within the view.
Enable subtitle editing: Check to enable the editing of the subtitle within the view.
Enable pie / donut toggle: Check to enable the editing of the chart type.
Enable donut hole editing: Check to enable the editing of the donut hole ratio within the view.
Enable title inside donut editing: Check to enable the editing of the title shown in the donut hole within the view.
Enable Frequency Column Chooser: Check to enable the interactive selection of a frequency column.
Enable label editing: Check to enable the editing of the chart labels within the view.
Enable switching 'Missing values' category: Check to enable to show and hide 'Missing values' category in the view.

Interactivity

The JavaScript pie / donut chart view allows for several ways of interactivity. Please use the options below to configure which features will be activated on the view and further configuration of interactive properties.

Enable selection: If checked a separate column containing checkboxes is rendered in the view.
Subscribe to selection events: If checked, the view reacts on notifications from other interactive views that the selection has been changed. See also "Publish selection events".
Publish selection events: If checked, notifies other interactive views when user changes the selection in the current view. See also "Subscribe to selection events".
Display clear selection button: Displays a button to clear current selection.

Input Ports

: Data table containing the categories and values to be plotted in a pie chart.

Output Ports

: SVG image of the pie chart.

Popular Predecessors

Popular Successors

Views

Interactive View: Grouped Pie Chart: An NVD3.js implementation of a pie chart.

Workflows

Developers

You want to see the source code for this node? Click the following button and we’ll use our super-powers to find it for you.

Installation

To use this node in KNIME, install the extension KNIME JavaScript Views from the below update site following our NodePit Product and Node Installation Guide:

v5.4

A zipped version of the software site can be downloaded here.

Plugin provider: KNIME AG, Zurich, Switzerland

Plugin version: 5.4.0.v202407231410

On NodePit since: 2024-12-06

Last update: 2024-12-18

KNIME versions: v5.4, v5.3, v5.2, v5.1, v5.0, v3.7, v3.6

Deploy, schedule, execute, and monitor your KNIME workflows locally, in the cloud or on-premises – with our brand new NodePit Runner.

Try NodePit Runner!