D3: Объединить внутренние пути SVG?

Question

У меня есть элемент svg, состоящий из множества различных объектов path, каждый из которых представляет одно состояние штата.

http://jsfiddle.net/jGjZ2/

Я хотел бы объединить восточную территорию (золото) в единый объект пути без видимых делений.

Конечный результат должен выглядеть следующим образом (игнорировать неточности):

Я использую D3. Нет данных GeoJSON или TopoJSON - карта svg напрямую встроена в html (см. Jsfiddle).

Большое спасибо!

Answer 1

Предполагая, что вы можете игнорировать заявленное ограничение манипулирования существующего SVG изображения (что кажется произвольным ограничением данного наперевес наличие картографических границ в более простой в манипулируют форматы ...), вы можете использовать topojson.mesh объединить несколько полигоны. Хотя, отметим, этот подход имеет несколько ограничений, как описано в данном примере:

Другой простой подход заключается просто рисовать выделенные полигоны дважды: один раз с толстым черным ходом и без заливки и второй раз сверху с оранжевым заполнением и без инсульта. Это дает тот же эффект без необходимости топологической манипуляции:

Я полагаю, что если вы действительно были, вы могли бы достичь в элемент SVG и сделать то же самое, извлекая векторные данные, но это будет быть проще, если вы начнете с чистых данных.