元データ(ファイル)から数値と文字列を解析して図解化





        各サンプルの素材(図形や絵柄)と挙動(アニメーションや応答)を個々に組み合わせることが出来ます。
        例えば、サンプルAの素材△と、サンプルBの右移動&変形アニメーションを組ませて、△→△→□
        という感じです。


        現在 24 個(19年7月26日時点)を公開。 この他、未Up品が多数あります。
        ソースコードの都合上、提示サンプルにはアニメーションGIF化しているものがあります。
        凡例: Raphael.js(SVG)で提示 , アニメーションGIFにて , それ以外:図のみ


         1) [アニメ事例]横に伸びる棒グラフと要素の点滅


         2) [アニメ事例]カバーの幅を半分にして右に書類の図


         3) [アニメ事例]ワイパー状に矩形を塗る


         4) [ダッシュボード]活動状況を一括表示


         5) [ダッシュボード]屋内環境(屋内気候)をモニタリング


         6) インタラクティブ(改変可能)なバブルチャート


         7) ホワイトボードの図(手書き図)をSVG化1 [その他]


         8) ホワイトボードの図(手書き図)をSVG化2 [その他]


         9) ホワイトボードの図(手書き図)をSVG化3。電車ホームゲートのアニメ。


         10) オシロスコープのインタラクティブな基本動作(リサージュ図形)


         11) PDBファイルを読み込んで分子の3D構造をインタラクティブに表示。


         12) 総務省のPDF図をSVG化(インタラクティブ)


         13) 導線などに利用出来るアニメーション


         14) T4ファージのGenBank情報


         15) 製品や人材の評価変化をリアルタイム図解化(ダッシュボード)


         16) 産業機器にも使えるビジュアルインターフェース(UI)


         17) 学習内容をLINE風に理解する。例:目と脳の間の情報伝達。


         18) 自治体のマップ(例は福岡市の区単位)。緯度経度指定とドラッグでピンを立て。


         19) プロセスの図解化や、判断基準となる箇所での状況表示。


         20) 血圧のステップグラフ。現場でのリアルタイムモニタリングに。


         21) 農家向けドローンシステムの説明(インタラクティブ)


         22) 肥満人口の増加が旅客機に及ぼす影響の説明(アニメーション)


         23) 工数・工程削減による効果のアニメーション


         24) ECサイトアンケート結果を図解表示(アニメーション)







   ご連絡はこちらから