I am having trouble importing an SVG file into a custom chart *properly*. We are trying to get a stadium map down to the seat detail and am not having any luck getting the stadium map into DOMO. I am NOT a web dev expert by any means and this is my first time using a SVG file so any assistance/direction is greatly appreciated.
I am also attaching the SVG file please feel free to make any updates or suggestions.
Thanks in advance,
Indianapolis Colts NFL
Can you expand more on how your SVG isn't working properly? Are you getting an error? Is the data not displaying correctly? What is the exact issue with the SVG file?
I took a look at your SVG file and it appears that the bounding areas that were defined are well outside of the actual stadium image itself. The image goes between roughly 400 and 1300 wide (x) and 0 and 800 tall (y). Most of the locations of the sections I've seen are well in the 8000 ranges (x) which is outside of your stadium. You'll want to make sure your regions / defined areas are in the correct location overlaying the respective location on the stadium image itself.
Thanks for the response. I do not know exactly what is wrong with the SVG and that is why i'm reaching out on here. But when I open the file locally I can see the image I want but when I upload to domo it is not picking it up (see below picture). I believe the data is correct and it's just a simple issue but I am not familiar with this process.
Interesting, thank you for your feedback. Do you have a suggested easy solution other then manually updating these coordinates? I am not familiar with this process.
So... takes a little digging ...
an SVG is just a text file. try opening your file in a text editor.
It's hard to read but the first thing you'll notice is the embedded URL to a 'background image.'
but that's not what you want. you want each SEAT.
If you go back to your originally uploaded file, each seat is actually just a circle overlaid on top of hte SVG:
I know the Utah Jazz did what you are doing about a year ago. They briefly showed at DP19 and then on a Domo Voices spotlight webinar. It is tedious work and I'm guessing they hired Domo to do the detail work.
@jaeW_at_Onyx and @GrantSmith are both right. You need to correct your SVG file. You can do this with Adobe Illustrator or Inkscape (there are others, but these are the two that I have used). You would then create a "region" on every seat and label it according to your seat map or however your dataset would line up with it.
The Utah Jazz were able to do a lot of interesting analysis with it. I would see if your CSM could set up a meeting with them to talk about their process, or at least track down the DP19 and Domo Voices recordings for you to watch.