D3 Visualization
D3 Visualization is a library for producing dynamic, interactive data visualizations in web browsers. The D3 Block allows you to integrate these dynamic visualizations onto a page of your app using certain script files.
D3 Visualization Properties
Behavior
Script
The template is the base of the script that is used to create the visualizations. Any sample code taken from examples on D3 can be copied into a script template.
The Script property is required for the D3 Visualization Block.
Script template:
The onDataLoaded(data) function is where you would write code to respond to the data that is being sent into the script or D3 control. For example, when the data gets loaded, you would want to display the points.
The onDataChanged(data, changes) function is where you would write code to respond to any changes made to the data so the visualization will adapt in real-time and show live data.
Below is an example of a working script that shows data along an X-axis and Y-axis.
Data Source
Common Properties
Data from this Data Source will be displayed using the script attached.
Properties that are common to most Blocks include: filter, sort, show # of results, and skip # of results;
The Data Source property is required for the D3 Visualization Block.
Last updated