Overview
The possibility to highlight business KPIs with colors on tailored custom maps and to drill down into details from that is a common need in several sectors such as:
Leveraging an SVG integration, we provide a way to customer to use their own svg maps into Appian SAIL.
Key Features & Functionality
The interactiveSvgMapComponent allows customers to:
Hello Lorenzo, I wonder if you can help us with a problem.
We receive an SVG from a webservice and we save the whole SVG tag from the XML to an Appian document.
We found that the only way to view this SVG document is using the documentViewerField, but we would love to use your custom component (which we are already using elsewhere).
Can you advise us if there is any way to view this SVG Appian Document with your component?
Thank you
Thank you Lorenzo for helping us.
We had everything right, I just hadn't found the readtextfromfile function (probably because the plugin is a bit old).
Congratulations on the great Plug-in you've developed, grazie!
You are passing the document as parameter while you should pass the svg as string as per doc mapSvg (Text): SVG Map Source
In your case you can use readtextfromfile(local!svg) , requires Text File Utilities plugin, in your code to get that
Also be aware that to be shown SVG file should start with <svg> tag (no xml/html headers tag)
refers to the word document with all parameters and note in the download package
This is the second image, not sure if you can see it.
Thank you for your reply.
I took another look at the sample app, but from what I can see all the SVGs that are used there are inside constants.
Let me show you an example:
As you can see, the SVG is not visible with your component. Are we doing something wrong?
Hi Chiara , yes the component can also display svg document without interacting with it , you can download the sample app in this page for directions and code