SVGで棒グラフのバーをアニメーションさせる ベクターベースのSVGは、多くの解像度へ対応が必要な場面でとても有効な技術と言える。今回はSVGの画像を、JavaScriptを使用して簡単にアニメーションしてみよう。 SVGで描かれた画像はベクター形式のため拡大 ...

今週は、グラフをアニメーション表示する方法を紹介する。グラフ全体をアニメーション表示できるのはもちろん、各データ系列を順番にアニメーション表示していくことも可能だ。グラフを表示する時の演出の一つとして覚えておくとよいだろう。

アニメーションカーブは、CGアニメーションならではの機能であり、CGアニメーターが最も触れる機会の多い機能でもある。一方で、手描きアニメーションにおいては、アニメーションカーブに相当するものは存在しない。そのためアニメーションカーブは ...

既存サイトと連動させてグラフを動的にする グラフを埋め込む既存サイトは以下のようなサイトです。 「売り上げ推移(億円)」の部分にグラフを配置し、「パラメータの値」に入力した数値がグラフに反映されるようにします。まず、「パラメータの値」に ...

グラフをアニメーション表示できる関数グラフ作成ソフト「FunctionView」が21日、v5.00にバージョンアップした。Windows 95/98/NTに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「FunctionView」は、グラフをアニメーション表示できる ...