Charts App¶
This app supports visualisation of charts using the OVE framework. It is based on Vega-Embed, which provides support for both Vega and Vega-Lite: these are both declarative languages for interactive visualizations, but Vega-Lite is a higher level language. Vega-Embed supports Canvas and SVG rendering.
Please note that this app supports visualisation of networks, but OVE also provides a separate Networks App that is specialised for drawing node-link diagrams.
Application State¶
The state of this app has a format similar to:
{
"url": "https://raw.githubusercontent.com/vega/vega/master/docs/examples/bar-chart.vg.json",
"options": {
"width": 800,
"height": 800
}
}
The url
property points to a URL of a Vega-Embed specification. Alternatively, the specification be embedded in the state using a spec
property.
Loading the App¶
A chart can be loaded using the OVE APIs:
Linux/Mac:
curl --header "Content-Type: application/json" --request POST --data '{"app": {"url": "http://OVE_APP_CHARTS_HOST:PORT","states": {"load": {"url": "https://raw.githubusercontent.com/vega/vega/master/docs/examples/bar-chart.vg.json", "options": {"width": 800, "height": 800}}}}, "space": "OVE_SPACE", "h": 500, "w": 500, "y": 0, "x": 0}' http://OVE_CORE_HOST:PORT/section
Windows:
curl --header "Content-Type: application/json" --request POST --data "{\"app\": {\"url\": \"http://OVE_APP_CHARTS_HOST:PORT\", \"states\": {\"load\": {\"url\": \"https://raw.githubusercontent.com/vega/vega/master/docs/examples/bar-chart.vg.json\", \"options\": {\"width\": 800, \"height\": 800}}}}, \"space\": \"OVE_SPACE\", \"h\": 500, \"w\": 500, \"y\": 0, \"x\": 0}" http://OVE_CORE_HOST:PORT/section
The charts app has a transparent background. If required, a background colour of choice can be set using the Background Utility provided by OVE.
If the charts app is used to display static charts no further controlling would be required after the chart has been loaded. The app provides a controller that can used to control interactive charts.
Controlling the App¶
The controller of the app can be loaded by accessing the URL http://OVE_APP_CHARTS_HOST:PORT/control.html?oveSectionId=SECTION_ID
.