Primeiro dia com d3.js, indo bem, mas eu preciso mudar minhas formas de círculo de espaço reservado para algo um pouco mais complexo.

As formas SVG que eu criei, digamos, no Illustrator, podem ser "importadas" para um gráfico d3.js?

Eu sei que posso redesenhar em d3 ... mas minha cabeça dói agora ... er ...

é uma bolha simples com um ponto:

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="77px" height="41px" viewBox="0 0 77 41" enable-background="new 0 0 77 41" xml:space="preserve">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#999999" d="M0,13C0,5.82,5.82,0,13,0h51c7.18,0,13,5.82,13,13s-5.82,13-13,13
    H47l-7,15l-7-15H13C5.82,26,0,20.18,0,13z"/>
</svg>

Isso pode ser importado como uma forma?

Ou existe uma maneira de traduzir esse caminho diretamente no d3js?

Obrigado!