Forum Discussion

jerryr125's avatar
jerryr125
Helper IV
6 months ago
Solved

Shape Map Visualization - working with Body Chart

Hi - I am trying to use the Shape Map visualization.  I created a svg file with layers (body chart).   1. What is the best way to convert the SVG file (Abobe Illustrator) to .json file or a .topjson...
Need Help
Tips and Tricks
  • v-kpoloju-msft's avatar
    v-kpoloju-msft
    6 months ago

    Hi jerryr125, 
    Thanks for the follow-up question.

    Microsoft documentation confirms that Power BI Shape Maps only support custom TopoJSON files containing polygon or multipolygon geometry. https://learn.microsoft.com/en-gb/power-bi/visuals/power-bi-map-visualizations-overview 

     

    Adobe Illustrator can only export SVG files and cannot convert them to GeoJSON/TopoJSON. For Power BI Shape Maps, the SVG must be converted using a GIS tool that outputs Polygon or MultiPolygon geometry. A commonly used and reliable option is Mapshaper which is already suggested by the community member JamieHolding,  which allows you to upload the SVG, visually confirm closed and filled shapes, and export directly to GeoJSON (and TopoJSON if needed).

    After conversion, please ensure the GeoJSON contains only Polygon/MultiPolygon types and that region names exactly match your Power BI data (case-sensitive). Once validated, the file should render correctly in the Shape Map visual.

    Thanks again for using the Microsoft Fabric Community Forum.

jerryr125's avatar
jerryr125
Helper IV
6 months ago

Hi - unforrtunately that did not work - any other recommendations ? Jerry

v-kpoloju-msft's avatar
v-kpoloju-msft
Community Support
6 months ago

Hi jerryr125,

Thank you for reaching out to the Microsoft Fabric Community Forum. Also, thanks to JamieHolding,  for his inputs on this thread.

There is a known limitation with the Shape Map visual in Power BI that explains the behaviour you are seeing. Shape Map is designed for geographic polygon data and does not reliably support illustration-based SVGs such as body or anatomical charts. When an SVG converts into line-based or unsupported geometry, Power BI can load the custom JSON but silently skips rendering the shapes, which results in a blank visual without showing an error.

To work around this, the SVG needs additional preparation before conversion. Each body part must be a closed, filled polygon (not strokes or open paths), with all masks and effects removed, and each region clearly named. After cleaning the SVG, convert it to GeoJSON first and confirm the geometry is Polygon or MultiPolygon, then convert it to TopoJSON and import it into the Shape Map. Finally, ensure the region names in the JSON exactly match the values used in your data model (case-sensitive). With these steps, the Shape Map should render as expected.

Refer this link:
https://learn.microsoft.com/en-us/power-bi/visuals/desktop-shape-map 

Hope that clarifies. Let us know if you have any doubts regarding this. We will be happy to help.

Thank you for using the Microsoft Fabric Community Forum.