Bubble Chart (Plotly)

A bubble chart based on the Plotly.js library. This chart is used to display three dimensions or features (one along the X-Axis, one along the Y-Axis, and a third displayed as the relative size of the 'bubbles' in the plot). It is similar to a scatter plot in use and functionality.

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. Current KNIME classes are NOT YET supported, so class names will have to be deduced from the view itself. We are hoping to support standard KNIME classes in an upcoming update.

Please note: the Plotly.js KNIME extension is currently in Labs. It is recommended that you handle missing values and normalize your data before using visualization nodes in this extension to improve performance. Please feel free to leave feedback and suggestions on our community forum here .

Options

General options for the KNIME Bubble Chart with Plotly. The columns will be available for selection within the view.

X-Axis Column: Select the column to be initially displayed along the X-Axis.
Y-Axis Column: Select the column to be initially displayed along the Y-Axis.
Relative size Column: Select the column to be used for calculated relative sizes.
'Group-By' Column (*): If "Display Legend" is enabled, this column will be used to group different visual elements based on their membership in the chosen "Group-By" column in the legend. With the legend enabled and groups chosen, you can then toggle the visibility of visual elements by group through legend interactions.
Bubble size parameter: This option sets the parameter for the internal size calculation for the bubbles based on the data values in the "Relative size column". The recommended value to start with is 40, although you can select "Enable size parameter controls" and then change this value in the view.
Report on missing values: When enabled this will display a warning whenever there is a missing value present in the data and give a count on how many missing values exist in the data.
Missing values handling: The way in which this view tries to compensate for missing or invalid values. "Skip rows with missing values" will omit the entire row if a single cell is missing. This can affect multiple traces on the chart in some circumstances. "Leave missing" will leave a gap where the missing value exists and draw the chart anyways.

General Plot Options

These options control the initial state of the view.

Title (*): The chart title.
X-Axis label (*): The label for the X-Axis. If left blank, the current X-Axis feature name will be used.
Y-Axis label (*): The label for the Y-Axis. If left blank, the current Y-Axis feature name will be used.
Image: Settings for SVG image generation.
Display legend: When checked, the chart's legend is displayed.
Show grid: When checked, a grid is displayed on the chart.
Show warnings in view: When checked, the any warnings will be displayed in the view.
Override colors: When checked, the colors provided by the data table will be ignored and the color chosen below for "Data color" will be applied to the plot. If there are no colors provided with the data, the node will use the "Data color" by default, even if this option has not been selected.
Data color: The color of the data on the plot if there are no colors provided with the table (i.e. from the "Color Manager" node) or if "Override colors" has been chosen. This color will not be automatically applied if the data has "Default" colors, it will only be automatically applied if in the absence of ANY colors. You can always apply this color to the data by selecting the "Override colors" option.
Background color: The background color of the plot, including the axes labels, the title and the subtitle.
Data area color: The background color of the data area, within the axes.
Grid color: The background color of the grid and axis base lines.
Use WebGL graphic library: Enabling this option uses WebGL (instead of traditional SVG rendering) in the compatible browsers to improve performance. It is recommended that you leave this option enabled. However, enabling this option will disable any custom CSS provided to the node. If your browser does not support WebGL, the view will use traditional SVG rendering as a fallback. NOTE: If "Generate image" is enabled, this process will use SVG while creating the image, but WebGL for the interactive view. In this case, CSS Styles may be applied to the image, but not the Interactive View.

Control Options

Use these options to configure the available controls within the view.

Enable view controls: Check to enable controls in the chart.
Show fullscreen button: When checked, a fullscreen option is displayed in the KNIME interactive menu.
Enable size parameter controls: When checked, the bubble size parameter can be changed in the view via the KNIME menu.
Enable tooltip toggle: Check to enable toggling of the tooltip within the view.
Enable feature selection controls: Check to enable drop down menu's allowing you to switch the features displayed on the axes.
Enable text editing: Check to enable the editing of the title and axis labels within the view.
Enable 'Show only selected' toggle: Check to enable toggling of selection-only within view.
Enable publish selection toggle: Check to enable toggling of selection publishing within view.
Enable subscribe to selection toggle: Check to enable toggling of selection subscription within view.
Enable subscribe to filter toggle: Check to enable toggling of filter subscription within view.
Enable link to Plotly editor: Check to enable toggling of filter subscription within view.

Interactivity

This KNIME implementation of Plotly is compatible with the other interactive JavaScript views in the KNIME analytics platform. Use these options to control the degree to which this chart interacts with other views.

Enable selection: If checked selection controls will be available for this view. This does not disable the view from subscribing to selection events which are published by other views in a combination or composite view.
Display clear selection button: Displays a button to clear current selection if selection is enabled, you are subscribed to selection or "Enable subscribe to selection toggle" is enabled in the Control Options.
Publish selection events: If checked, notifies other interactive views when user changes the selection in the current view. See also "Subscribe to selection events".
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".
Subscribe to filter events: If checked, the view reacts on notifications from other interactive views that a filter has been created or modified.

Input Ports

: Data table to display in an interactive Bubble Chart.

Output Ports

: SVG image of the Bubble chart if that option has been enabled.
: Data table containing the input data with an appended boolean column representing which rows were selected in the view.

Popular Predecessors

Popular Successors

Views

Interactive View: Bubble Chart: The KNIME Bubble Chart with Plotly.

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 Plotly from the below update site following our NodePit Product and Node Installation Guide:

v5.3

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

Plugin provider: KNIME AG, Zurich, Switzerland

Plugin version: 5.3.0.v202312081534

On NodePit since: 2024-07-09

Last update: 2024-11-15

KNIME versions: Since v4.0

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

Try NodePit Runner!