Export Graph as SVG

This will help export an insights+ chart image as an SVG file for further editing. It is recommended you use CHROME to do this.

Exporting an Image

1. Navigate to the insights+ page containing the image you wish to export.
2. Open the Developer Console
   • Right click on the image and click on Inspect
3. Make sure the SVG element is selected in the Elements tab:
   
4. Select the Sources tab.
5. Select the Export snippet.
   • If this is not available, see instructions for adding below.
6. Select the Snippets sub-tab.
7. Click on the Run option (looks vary by operating system)
8. Provide a name in the pop-up and click OK.

Creating the Export snippet.

1. Open the Developer Console
   • Right click on any page and click on Inspect
2. Select the Sources tab.
3. Select the Snippets sub-tab.
4. Click on the + New snippet link
5. Paste the following code into the new editor window:
   let header = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">`
let name = prompt("Filename?", "export");
let text= $0.outerHTML;

if ( text.substr(0,4) != "<svg") {
  alert("Make sure you have the SVG element selected.")  
} else {

var element = document.createElement('a');
  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(header + text));
  element.setAttribute('download', name + '.svg');
  element.style.display = 'none';
  document.body.appendChild(element);
  element.click();
  document.body.removeChild(element);
}
6. Hit Ctrl+S or [Apple] + S to save
7. Right Click temporary name (something like Script snippet #1 and rename to Export)