Icon

03_​Example_​for_​JS_​Line_​Plot_​Advanced

Line Plot Examples - Advanced
Select timeframeComponent to select the timeframe thatshould be plotted. Select aggregationComponent to select to level ofaggregation applied to the data.Possible choices are daily, weekly, andmonthly.The default setting is Daily. If either weeklyor monthly are selected, the mean of thedata for these periods is calculated fromthe daily data. Select cityComponent to select which cities to showin the JavaScript views.The default setting is to select all cities. Note that columns are not actually filtered.Selections are made available as flowvariables. This means that cities can alsobe selected in the configuration of the viewnodes in the standard way.In this example workflow, city selection isused in the WebPortal View examplebelow. Line Plot - Interactive controlsInteractive controls enabled:View edit - Title edit controls - Subtitle edit controls - Lable edit for y-axis - Lable edit for x-axis - Column chooser for y-axisOther selections - Mouse crosshair enabled - Zoom reset button enabled Line Plot - Standard settingsUses only default controls: - Selection enabled - Panning enabled - Mouse wheel zooming enabled Line Plot - Choose custom colors Line Plot - WebPortal View- Uses flow variables from Select cities metanode for column selection- To use these the flow variables in the JavaScript views, open the JavaScript Line Plot configuration - Click "Wildcard/Regex Selection" - Click "Regular expression" - Open "Flow Variables" tab - yCols -> name_pattern -> pattern - Select "select_cities" from the menu This workflow shows different options available for creating a Line Plot. The example data show the development of theavailabilty of vacation rentals over time for three different cities: Berlin, Brussels, and Washington D.C. The workflowimplements an interactive web-based application using a sequence of components (light grey nodes). Get column namesCreate columnwith columnnamesConfigure colorsfor each columnCustomcolorsStandard colors,controls not activeStandard colors,interactive controls ExtractColumn Header Transpose Color Manager Select aggregation Select timeframe Table Reader Line Plot Line Plot Line Plot WebPortal View Select cities Select timeframeComponent to select the timeframe thatshould be plotted. Select aggregationComponent to select to level ofaggregation applied to the data.Possible choices are daily, weekly, andmonthly.The default setting is Daily. If either weeklyor monthly are selected, the mean of thedata for these periods is calculated fromthe daily data. Select cityComponent to select which cities to showin the JavaScript views.The default setting is to select all cities. Note that columns are not actually filtered.Selections are made available as flowvariables. This means that cities can alsobe selected in the configuration of the viewnodes in the standard way.In this example workflow, city selection isused in the WebPortal View examplebelow. Line Plot - Interactive controlsInteractive controls enabled:View edit - Title edit controls - Subtitle edit controls - Lable edit for y-axis - Lable edit for x-axis - Column chooser for y-axisOther selections - Mouse crosshair enabled - Zoom reset button enabled Line Plot - Standard settingsUses only default controls: - Selection enabled - Panning enabled - Mouse wheel zooming enabled Line Plot - Choose custom colors Line Plot - WebPortal View- Uses flow variables from Select cities metanode for column selection- To use these the flow variables in the JavaScript views, open the JavaScript Line Plot configuration - Click "Wildcard/Regex Selection" - Click "Regular expression" - Open "Flow Variables" tab - yCols -> name_pattern -> pattern - Select "select_cities" from the menu This workflow shows different options available for creating a Line Plot. The example data show the development of theavailabilty of vacation rentals over time for three different cities: Berlin, Brussels, and Washington D.C. The workflowimplements an interactive web-based application using a sequence of components (light grey nodes). Get column namesCreate columnwith columnnamesConfigure colorsfor each columnCustomcolorsStandard colors,controls not activeStandard colors,interactive controls ExtractColumn Header Transpose Color Manager Select aggregation Select timeframe Table Reader Line Plot Line Plot Line Plot WebPortal View Select cities

Nodes

Extensions

Links