1.0.1 • Published 2 years ago

sas-visualanalytics-dvg v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

SAS Visual Analytics Data-Driven Content Dynamic SVG

This project provides a SAS Visual Analytics (VA) data-driven content object that uses annotations on provided data and SVG file to create a dynamic illustration that responds to data updates. It is a wrapper around the Dyanmic Vector Graphics project.

Quick Start Guide

To use this system in a Visual Analytics report you must use a Data-driven content object.

Adding a Data-driven Content Object npm.io

Then you must provide a URL to the VA Data-driven Content object's "URL" option. This URL is to the HTML page that runs the dynamic SVG and takes an "svg" parameter which is a URL to the desired SVG file. This sample URL uses a test SVG to demonstrate:

https://jrbenson.github.io/sas-visualanalytics-dvg/?svg=https://jrbenson.github.io/dvg-gallery/svg/test/airplane-top.svg

If you host a copy of the library alongside your SVGs then the path can be relative: https://my.host.com/dvg/dvg.html?svg=graphic.svg

Setting URL of VA Data-driven Content npm.io

Any measures in the data that will be used to dynamically alter the SVG need to be annotated with their minimum to maximum data range.

Adding Range Annotation to Data npm.io

And finally the data must be assigned to the "Variables" role of the Data-driven content object.

Adding Range Annotation to Data npm.io

Annotating an SVG File

To make your an SVG file dynamic it must be correctly annotated. Information on the annotation syntax may be found on the Dyanmic Vector Graphics project.