d3.js で html, svg 二通りの方法で、画像を出力する

d3.jsではhtmlではなく、svgで画像を描画やappendすることがありますが、慣れていないとやり方が混じっちゃうので、二通りの方法で同じ画像の出力する方法を書いてみました。

特に注意するところは、以下の部分です。

• html で画像を描くとき: imgタグ, src属性
• svg で画像を描くとき: imageタグ, xlink:href属性

---

サンプルコード