This looks pretty simple to me and I don't see why you wouldn't be able to do it in edge animate.
Create each state as a button and animate the hover effects inside a symbol and then on the main timeline animate the content boxes opacity to on and off and set labels for each "on" state and then in your button link to that label in the mouse over actions preset.u
As far as calling the bottom content into the div i would just do that by hand by grabbing a simple script off the internet. *theres loads*
Oo i didnt notice the side check boxes. that might be a lil more difficult. Love to see what you end up with tho!
1 person found this helpful
Edge Commons svg would work fine for this. I suppose you have seen their Youtube video about it.
All you need is to set up a symbol for your info box which should be loading data accordingly.
It is just a little more complicated than their sample but if you use each state ID for reference then it is your key to add the rest of the info.
Thanks. I have seen the video, which was what made me think this was possible, but they only change the background fill of the object--do you happen to know where I could find some documentation about how to turn layer visibility on/off within the svg?