d3 によって生成された円グラフ SVG があります。コンテンツを .svg 拡張子の付いたファイルに保存すると、どのブラウザでも表示できません。
同じ内容を拡張子 .html のファイルに保存すると、正常に表示されます。
なんで ？
SVG コンテンツはこちらhttp://pastebin.com/9QPKT5ju
さらに詳しく言うと、Web サーバーは関係ありません。コンテンツを .html 拡張子のファイルに保存し、ブラウザーでファイルをロードするだけで正しく表示されますが、拡張子を .svg に変更してブラウザーで再ロードすると表示されなくなります。 .
私がこれを行っている理由は、サーバー側でNode.jsを使用してsvgを生成していて、生成されたsvgをhtmlページとPDFファイルに埋め込みたいからです。上記の実験では、生成された svg がブラウザーで適切に表示されるかどうかを確認したかっただけで、固定の HTML テンプレートに動的に読み込まれます。