JavaScript

Example for JS Line Plot Basic

This workflow shows different options available for creating a JavaScript Line Plot. The example data show the development of the availabilty of vacation rentals over time for three different cities: Berlin, Brussels, and Washington D.C.

JavaScript Line Plot examples
- Standard settings
- Interactive controls
- Custom colors

Example for JS Line Plot Advanced

This workflow shows different options available for creating a JavaScript Line Plot. The example data show the development of the availabilty of vacation rentals over time for three different cities: Berlin, Brussels, and Washington D.C. After reading the data, it is possible to specify whether all data should be used or only a specific timeframe. Next, the user can choose if daily data should be used, or if this data should be aggregated to either weeks or months. This is followed by the choice of which cities should be used.

Example for JS Bar Chart

This workflow demonstrates different ways to use the JavaScript Bar Chart node. Given data that contains a categorical variable, this node creates a plot that shows different statistics of numerical attributes within each category. Available statistics are occurence count, sum, and average. If multiple numerical attributes are selected simultaneously, bars can either be next to each other or stached on top of each other.

Example for JS Box Plot

A box plot displays robust statistical parameters: minimum, lower quartile, median, upper quartile, and maximum. A box plot for one numerical attribute is constructed in the following way: The box itself goes from lower quartile (Q1) to upper quartile (Q3). Median is drawn as horizontal bar inside box. Distance between Q1 and Q3 is called interquartile range (IQR). Above and below box are so-called whiskers. They are drawn at minimum and maximum value as horizontal bars and are connected with the box by a dotted line.

Example for JS Parallel Coordinates

A parallel coordinates plot displays multidimensional data as polylines over multiple parallel and evenly spaced axes. By clicking on the axes and dragging the mouse up or down, it is possible to select all lines within the desired range. It is possible to add color information that helps to identify which lines belong to a specific group as determined by a catagorical variable.

Subscribe to JavaScript