2D
変化の流れを、すっきりと。
SVGアニメーション
1月から6月へ、線の描画と数値の変化で推移を伝えます。
SEE IT MOVE
数字が、動き出す。
線が伸びる。棒が立ち上がる。カメラが動く。
うごグラ工房から書き出したグラフを、そのままご覧ください。
3D
立体感と、見る楽しさを。
音声なしの動画
奥行きのある棒グラフも、動きを付けた動画として保存できます。
すべてアプリ内のサンプルデータを使用しています。各デモの動きは一時停止できます。
SAME DATA, NEW VIEW
2Dでも。3Dでも。
同じExcel・CSVデータから、2D・3Dの両方を作成できます。
伝えたいことに合わせて、見せ方を選べます。
平面
値の推移を見やすく
SVGアニメーション
立体・全体カメラ
奥行きのある表現に
音声なしの動画
月別売上：120 → 145 → 138 → 180 → 210 → 245
JUST THREE STEPS
表を入れて、整えて、保存。
- 01
データを入れる
Excel・CSV・TSVを読み込むか、表を貼り付けます。手元にデータがなければ、アプリ内のサンプルから試せます。
- 02
見た目と動きを整える
グラフの種類、色、ラベル、2D・3Dを選びます。再生して確認しながら、動きや3Dのカメラワークを調整します。
- 03
使う場所に合わせて保存
動画はMP4・WebM・GIF、静止画はPNGなどで保存します。対応する平面グラフはSVG・SVGアニメーションでも書き出せます。
CHART GALLERY
こんなグラフが作れます。
比べる、推移を見る、関係を探す。データに合ったグラフを。
比較
棒グラフ
SVGアニメーション
大きさの違いを、伸びる棒で見せる。
推移
折れ線グラフ
SVGアニメーション
変化の流れを、描かれる線で伝える。
割合
円グラフ
SVGアニメーション
全体の中の割合を、ひと目で。
順位
ランキング
音声なしの動画
順位の入れ替わりを、ランキング動画で追う。
関係
散布図
音声なしの動画
2つの数値の関係を、点の分布で。
立体・肉球
猫カラーの3Dバブル
音声なしの動画
猫カラーの肉球を、3D空間に固定して動かす。
DIRECT YOUR VIEW
3Dグラフは、
カメラまで動かせる。
3Dグラフ動画のカメラワークも設定できます。
追従・上空・ローアングル・回転を切り替えて、見比べてみてください。
音声なしの動画
線の先端を追いながら、値の変化を見せます。
アプリでは「自動」「全体」「真横」「すり抜け」「ズームアウト」なども選べます。距離・高さ・向きの調整にも対応しています。
MADE TO SHARE
伝えたい数字がある、
いろいろな場面へ。
プレゼン資料
売上や成長の推移を、説明に合わせて見せたいときに。
動画の編集素材
書き出したグラフ動画を、解説動画などの素材に。
SNS・チャット
短い動画やGIFで、数字の変化を共有するときに。
ブログ・Web
画像やSVGアニメーションで、記事の数字を分かりやすく。
学校・解説資料
数値の大小、割合、変化を視覚的に説明したいときに。
EXPORT YOUR WAY
使う場所に合わせて保存。
動画にも、画像にも。作ったグラフを、いつもの資料やWebへ。
MP4
プレゼン・動画編集に
WebM
Web掲載・動画素材に
GIF
SNS・チャットへの共有に
PNG
資料・ブログの図版に
SVG
拡大して使う平面の図版に
Animated SVG
Webページで動く平面グラフに
SVG・Animated SVGは対応する平面グラフ用です。3Dは動画またはPNGで保存できます。MP4などの書き出し可否はブラウザ・端末によって異なります。
QUESTIONS & ANSWERS
よくある質問
Excelファイルは使えますか？
A1: 使えます。.xlsx・.xlsの表を読み込み、使うシートや範囲、列の役割を確認してグラフにできます。複雑な表は、見出しと数値を整理すると読み取りやすくなります。
CSV・TSVは使えますか？
A2: 使えます。CSV・TSVファイルの読み込みに加え、表の貼り付けや手入力にも対応しています。
2Dだけでも使えますか？
A3: 使えます。平面グラフだけで、色・ラベル・アニメーションを調整し、動画や画像に保存できます。折れ線の値ラベルは、アニメーション後に表示・位置を固定して表示・最新値だけ表示から選べます。
どんな3Dグラフを作れますか？
A4: 3D棒・集合棒グラフ、3D折れ線グラフ、3D円／ドーナツグラフ、3D散布図、3Dバブルチャートに対応しています。対応していない種類では立体を選べません。
動画編集ソフトは必要ですか？
A5: グラフの作成・再生・書き出しはブラウザ内で行えます。他の動画と組み合わせる場合は、保存した動画をお使いの編集ソフトへ取り込んでください。
MP4で保存できますか？
A6: 保存できます。MP4への変換処理はブラウザ内で行います。環境によって変換できない場合はWebMなど別の形式で保存してください。スマートフォンでは大きな動画の書き出しに時間やメモリが必要です。
Animated SVGとは何ですか？
A7: 線や棒などにアニメーションが付いたSVGです。対応する平面の棒・折れ線・面・円グラフなどを、拡大してもきれいなままWebへ掲載できます。3DグラフやランキングのSVGアニメーションには対応していません。
PowerPointで使えますか？
A8: 書き出したMP4やPNGを資料に挿入して使えます。グラフの動きを見せたい場合は、SVGアニメーションではなくMP4などの動画がおすすめです。
ブラウザだけで動きますか？
A9: 表の読み込み、グラフの作成、保存はブラウザ内で行います。3D表示にはWebGL、動画の保存にはブラウザの対応機能が必要です。
スマートフォンでも使えますか？
A10: 対応ブラウザで利用できます。大きな表の編集や3D動画の書き出しは端末の性能に左右されるため、細かな調整や高解像度の保存にはパソコンがおすすめです。
読み込んだデータは外部へ送信されますか？
A11: 表の中身はサーバーへ送信しません。読み込みとグラフの作成はブラウザ内で処理します。アプリやMP4変換機能の初回読み込みには、必要なプログラムを取得する通信が発生することがあります。
無料で使えますか？
A12: はい。うごグラ工房は、ブラウザで使える無料のグラフ作成ツールです。Excel・CSV・TSVの読み込み、2D・3Dグラフの作成、対応形式への保存をブラウザで行えます。
3Dグラフのカメラも動かせますか？
A13: はい。追従・上空・ローアングル・回転などの3Dカメラを選び、距離・高さ・向きも調整できます。立体表示に対応するグラフは、対応ブラウザで動画として保存できます。