Hub
Pricing About
  • Software
  • Blog
  • Forum
  • Events
  • Documentation
  • About KNIME
  • KNIME Community Hub
  • Nodes
  • Generic JavaScript View
NodeNode / Visualizer

Generic JavaScript View

Views JavaScript
Drag & drop
Like
Copy short link

Executes JavaScript code to generate a view. The code in the script editor is executed when displayed in the view (right-click -> Interactive View) or in the KNIME server web portal.

Within the java script code block you have access to the input table and can use a set of predefined libraries to generate the view.

Additionally you can export a static image to the workflow, if the view is generated as an SVG structure.

Note, this node is currently under development. Future versions of the node will have more functionality, including the ability to define and use templates.

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.
The style rules defined in such a way will override the style rules set in the node's dialog.
You will find the list of available classes and their description on our documentation page .

Node details

Input ports
  1. Type: Table
    Display data
    Data table with data to be converted in JavaScript object available to the view. (optional)
Output ports
  1. Type: Image
    SVG Image
    Generated SVG image if view implementation is producing and exporting it.
  2. Type: Flow Variable
    Flow Variables
    All previously and during view generation defined flow variables.

Extension

The Generic JavaScript View node is part of this extension:

  1. Go to item

Related workflows & nodes

  1. Go to item
    Generic Java Script
    Plot Scatter plot Bivariate analysis
    +14
    Use the Generic JavaScript View to code your own chart by either own coding or template u…
    barbora > Courses > L4-DV Codeless Data Exploration and Visualization_12.2020 > L4-DV Codeless Data Exploration and Visualization - Demos > Session_solutions > Session_04b_demo_GenericJavaScriptView
    barbora
  2. Go to item
    Experiments with echarts library
    Echarts Visualization
    This is experimental right now, should not be used in production.
    tschmidt > Visualizing data with echarts > Experiments with simple data
    tschmidt
  3. Go to item
    Google Charts API and SVG Image Output
    Javascript Google charts
    The Google Charts API generates SVG content that isn't accepted by KNIME's SVG parsers. T…
    wiswedel > Public > Forum Questions > 2021 > Google Charts API and SVG Image Output
    wiswedel
  4. Go to item
    Generic Java Script
    Plot Scatter plot Bivariate analysis
    +14
    Use the Generic JavaScript View to code your own chart by either own coding or template u…
    barbora > Courses > L4-DV Codeless Data Exploration and Visualization_06.2021 > L4-DV Codeless Data Exploration and Visualization - Demos > Session_solutions > Session_04b_demo_GenericJavaScriptView
    barbora
  5. Go to item
    Dropdown Menu in Generic JavaScript View
    JavaScript View Dropdown menu Flow Variables
    This workflow demonstrates how to create a dropdown menu in Generic JavaScript View node …
    ipazin > Public > 2020_10_09_Dropdown_Menu_Generic_JavaScript_View
    ipazin
  6. Go to item
    Grouped Box Plot
    Uses a Generic JavaScript View node to create a Box Plot with groupings.
    stelfrich > Public > Grouped Box Plot
    stelfrich
  7. Go to item
    HighchartVariwide
    julian.bunzel > Public > Small examples > HighchartVariwide
    julian.bunzel
  8. Go to item
    JS_Waterfall_chart_KNIME
    martindddd > Public > JS_Waterfall_chart_KNIME
    martindddd
  9. Go to item
    Treemap
    lukass > Forum > Treemap
    lukass
  10. Go to item
    pyLDAVis Topic Model Visualization
    Python Visualization LDA
    +1
    This workflow uses the pyldavis Python library (https://github.com/bmabey/pyLDAvis) to vi…
    alexanderfillbrunn > Public > Visualizations > pyLDAVis Topic Model Visualization
    alexanderfillbrunn
  1. Go to item
  2. Go to item
  3. Go to item
  4. Go to item
  5. Go to item
  6. Go to item

KNIME
Open for Innovation

KNIME AG
Talacker 50
8001 Zurich, Switzerland
  • Software
  • Getting started
  • Documentation
  • E-Learning course
  • Solutions
  • KNIME Hub
  • KNIME Forum
  • Blog
  • Events
  • Partner
  • Developers
  • KNIME Home
  • KNIME Open Source Story
  • Careers
  • Contact us
Download KNIME Analytics Platform Read more on KNIME Business Hub
© 2023 KNIME AG. All rights reserved.
  • Trademarks
  • Imprint
  • Privacy
  • Terms & Conditions
  • Credits