SVG で図表を埋め込んでみます

HTML5 では、Canvas への注目が高いので、わたしも、と思いながらも、今回は、SVG の埋め込みを試してみました。

SVG サンプルページ

グラフィックデータは、iPad に有料アプリの TouchDraw をインストールして、作成しました。

TouchDraw には、思っていた以上に機能がありまして、基本的な使い方ができるまで試し書きを何度か行いました。

Export メニューで Send to App を選択し、次の File Format に SVG を選択します。そして、Send ボタンを押すと、データ出力先のアプリが表示されます。iPad に DraftPad をインストールしてありますので、Open in DraftPad を選ぶと、DraftPad 上にグラフィックデータが生成されていました。そこから HTML ファイルに仕上げてみました。

このような形で、図表の作成などにも取り組んでみたいと思います。