I created those maps, so I can describe the process I used. There's probably a better way to do it, but here's how it works for me:
In ArcMap, give each state its own layer. I use layer ID's from the source layer attributes table and then a bit of ArcMap Python:
import arcgisscripting
gp = arcgisscripting.create()
gp.MakeFeatureLayer_management('ne_110m_admin_0_countries','AF','"ABBREV" = \'Afg.\'')
gp.MakeFeatureLayer_management('ne_110m_admin_0_countries','AO', '"ABBREV" = \'Ang.\'')
gp.MakeFeatureLayer_management('ne_110m_admin_0_countries','AL', '"ABBREV" = \'Alb.\'')
...etc...
This creates a new layer for each state named with that stat's two-letter ISO code.
I export from ArcMap as Adobe Illustrator. In Illustrator, the layers are preserved and named as they were in ArcMap. In Illustrator I size up the shapes appropriately and do some fine-tuning on the styles. Then export as SVG.
Run this perl script to convert SVG file to Raphael.js friendly json: https://gist.github.com/2655111
And that's that!