Hub
NodeNode / Widget

Interactive Range Slider Filter Widget

Workflow Abstraction Widgets Filter
Drag & drop
Like
Copy short link

A slider which can be used to trigger interactive filter events in a layout of views (e.g. the WebPortal). The node appends a filter definition to the table spec.

Only view nodes downstream of this node can receive interactive filter events.

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 .

Node details

Input ports
  1. Type: Table
    Input Table
    Input table which contains at least one double column with domain values set, which can be used to control the minimum and maximum values of the slider.
Output ports
  1. Type: Table
    Table with Filter Definition
    Input table with filter definition appended to one column.
  2. Type: FilterDefinition
    Filter Definition
    Filter definition applied to the input column.

Extension

The Interactive Range Slider Filter Widget node is part of this extension:

Related workflows & nodes

  1. Univariate Visual Exploration with Data Explorer node
    Data Visualization Dataviz Univariate
    +3
    This is an example for univariate interactive data visualization using the Data Explorer …
    rjaco033 > Public > 11_Univariate_Visual_Exploration_with_Data_Explorer
  2. KNIME_project_HR_Data
    purushothaman > Public > KNIME_project_HR_Data
  3. Create an interactive dashboard in 3 steps: Netflix dataset
    Sunburst chart Line plot Bar chart
    +5
    This workflow creates an interactive visualization dashboard of the "Netflix Movies and T…
    knime > Education > Courses > L3-PC KNIME Server Course - Productionizing and Collaboration > Exercises > 02 Data app - 2 Views
  4. Create an interactive dashboard in 3 steps: Netflix dataset
    Sunburst chart Line plot Bar chart
    +5
    This workflow creates an interactive visualization dashboard of the "Netflix Movies and T…
    lukass > Public > L3-PC KNIME Server Training (Netflix) > Exercises > 02 Data app - 2 Views
  5. Dashboard
    patricklee2222 > Public > Dashboard
  6. Dashboard via Component on WebPortal
    Visualization Visualize JavaScript
    +10
    This workflow shows how to create metanode for wrapping data preparation nodes and how to…
    knime > Education > Courses > L4-DV Codeless Data Exploration and Visualization > solutions > 03c. Component - solution
  7. Dashboard via Component on WebPortal
    Visualization Visualize JavaScript
    +10
    This workflow shows how to create metanode for wrapping data preparation nodes and how to…
    barbora > Courses > L4-DV Codeless Data Exploration and Visualization_12.2020 > L4-DV Codeless Data Exploration and Visualization - Exercises > solutions > 03c. Component - solution
  8. Dashboard via Component on WebPortal
    Visualization Visualize JavaScript
    +10
    This workflow shows how to create metanode for wrapping data preparation nodes and how to…
    barbora > Courses > L4-DV Codeless Data Exploration and Visualization_06.2021 > L4-DV Codeless Data Exploration and Visualization - Exercises > solutions > 03c. Component - solution
  9. KNIME_project3
    carvalho_ela > Public > workflow_group_IGTI > KNIME_project3
  10. Dashboard via Component on WebPortal
    Visualization Visualize JavaScript
    +10
    This workflow shows how to create metanode for wrapping data preparation nodes and how to…
    knime > Education > Courses > L4-DV Codeless Data Exploration and Visualization > solutions > 04a. Dashboards - solution