SVG County Maps

This will require Builder privileges for setup and implementation.

SVG Maps are how we are moving forward with maps in iDashboards v10.2a or higher. The county map pack was put together to allow better handling of state data. This can be easily bundled with the US map to create create a flexible drill down. SVG_Maps.zip updated as of 12/22/2021.

Integrating County Maps

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. 

The first chart we are going to create is the chart we will be drilling down to. You need your state and country data. At the Data Set level, you will need to create a State parameter and a filter.

Example: State = ${param:State} 

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/MI.svg replace the state name with our State parameter so that when we drill down we are navigated to the correct state. Example: content:SVG_Maps/${param:State}.svg

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

Cell ID Axis: County: - 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 state column set up on the top-level chart. This can be a two-letter abbreviation or full state name. When you uploaded the files you will see that we created both files to handle the two common formats.

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. 

Assing the state 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 Client Success Manager.

For More Information:

• Inkscape
• iDashboards Builder Manual 9.14.3 SVG Drawing Maps
• iDashboards Builder Manual 9.14.4 US County Map

Disclaimer:

iDashboards 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 County Maps are delivered as-is. There will be no modification of the SVG County Maps by the Support Services Team. The iDashboards 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 iDashboards Administrator assumes responsibility for its usage and for understanding the data presented.