Calculer SVG Path Centroid avec D3.js

J'utilise le SVG situé à http://upload.wikimedia.org/wikipedia/commons/3/32/Blank_US_Map.svg dans un projet et en interagissant avec d3.js. Je voudrais créer un clic pour agrandir l'effet comme http://bl.ocks.org/2206590 , mais cet exemple repose sur les données du chemin stockées dans un objet JSON pour calculer le centroïde. Existe-t-il un moyen de charger des données de chemin dans d3 à partir d'un SVG existant pour obtenir le centroïde?

Ma tentative (hackish) jusqu'à présent:

function get_centroid(sel){ var coords = d3.select(sel).attr('d'); coords = coords.replace(/ *[LC] */g,'],[').replace(/ *M */g,'[[[').replace(/ *z */g,']]]').replace(/ /g,'],['); return d3.geo.path().centroid({ "type":"Feature", "geometry":{"type":"Polygon","coordinates":JSON.parse(coords)} }); } 

Cela semble fonctionner sur certains états, comme le Missouri, mais d'autres comme Washington échouent car mon analyse de données SVG est si rudimentaire. Est-ce que d3 prend en charge quelque chose de tel nativement?

• D3 Crossfilter exemple de base
• Dessinez une ligne de temps simple avec D3
• Supprimez les tiques finales de l'axe D3.js
• Comment utiliser la fonction diagonale D3 pour dessiner des lignes courbes?
• D3: Fusionner les chemins svg intérieurs?

• D3 gradient d'arc
• SVG ne fonctionne pas correctement comme vue arrière
• Comment mettre à jour un chemin svg avec d3.js
• Mise à jour d'un layout.pack dans d3.js
• Combinaison de données parentales et nichées avec d3.js

 function getBoundingBoxCenter (selection) { // get the DOM element from a D3 selection // you could also use "this" inside .each() var element = selection.node(); // use the native SVG interface to get the bounding box var bbox = element.getBBox(); // return the center of the bounding box return [bbox.x + bbox.width/2, bbox.y + bbox.height/2]; }