SVG Canada Map

This will require Builder privileges for setup and implementation.

SVG Maps are how we are moving forward with maps in any iDashboards v10.2a or higher. Map_Data.xlsx and SVG_Maps.zip has been updated as of 12/22/2021.

SVG Canada Map

On the left how the map comes, grey but interactive, on the right using iDashboards Range Colors in the SVG Drawing Settings and also still interactive.

Integrating the Canada Map

• This will need to be downloaded in uploaded into your content directory. For our example, I will be using SVG_Maps directory within the iDashboards content directory.  
• First, navigate to the Admin area of iDashboards and click on Content.
• From that point create a new folder to store your SVG maps. Example: SVG_Maps
• Download the SVG_Maps zip and extract the files.
• Once you have done that drop the SVG files into the SVG_Maps category. 
• If you only need the Canada map, please feel free to download just the CANADA.SVG file.

Select the Maps chart Category and SVG Drawing. Select the SVG Drawing Settings.

In the SVG Image URL, you will need to navigate to the maps directory. Your URL is going to look something like this: content:SVG_Maps/CANADA.svg replace the country name with our Country parameter so that when we drill down we are navigated to the correct state.

content:SVG_Maps/${param:Country}.svg

SVG Image URL: content:SVG_Maps/${param:Country}.svg

Cell ID Axis: Country: - This will be the name of your country table 

Cell ID Letter Case: All Upper-Case - This will send your data to the SVG in the correct format the file is expecting. 

Cell ID Space Handling: Replace With Underscore (_) - If you have spaces this setting will match the expected file format. 

After this has been done we can save our chart and start working on the top-level chart. 

Top Level Chart

For the drill down to work you will need to have a providence column set up on the top-level chart. This can be a two-letter abbreviation or full providence name.

Drilldown Chart

In the builder, screen select Drilldown to Chart. Note the name and letter case of your drill down axes. This needs to match the parameter you set up in your base level chart. 

Assigning the providence level chart we created first to this drill-down and save. 

After the drill-down has been assigned and the chart is saved we can test our chart.

If you have any issues with counties not showing up please let support know. If you would like a custom state or region map please reach out to your account manager. Providence maps are not provided, however with an SVG editor like Adobe Photoshop or Inkscape anyone can create them.

For More Information:

• Inkscape
• Maps Articles
• Builder Manual 9.14.3 SVG Drawing Maps

Disclaimer:

truOI Technical Support Engineers are not proficient in the editing and integration of every SGV Drawing (image) that exists as new SVG images are being created everyday. However, we do our best to help you use these images because we want to assist you in your success. The SVG Canada Map is delivered as-is. There will be no modification of the SVG Canada Map by the Support Services Team. The truOI Support Services Team has put a lot of effort into making sure that the SVG images are able to be integrated with your dashboards. By downloading and installing the SVG images the truOI Administrator assumes responsibility for its usage and for understanding the data presented.