動くインフォグラフィックでサイトを楽しくするアイデア (1/3)
デザインとテクノロジーをもとにブランディングやWebサイト制作などを手がける、米国のエージェントのポートフォリオサイト。 気持ちよく回転する円グラフ シンプルなフラットデザインを採用した「Knormal」のポートフォリオサイト。このサイトでは、3枚の画像からなる円グラフを重ね合わせ、CSSアニメーションによって回転させている。インフォグラフィックとしてはごく単純なものだが、スムーズに気持ちよく動くアニメーションと独特の配色がサイトの個性を表していて、おもしろさがある。 今回は、Knormalのインフォグラフィックをヒントに、グラフの基本的な構造から、CSS3を使った動かし方、JavaScriptやSVGと組み合わせた発展的なグラフの作り方までを解説する。 STEP 1：グラフの構造を考える 最初に、円グラフの構造から考えてみよう。立体的に見える円グラフは、3つのレイヤーからなる。色や形状の
経産省のデータを視覚化！ ライゾマティクスのデザインが炸裂
経済産業省のデータを視覚的にわかりやすく表示し、有効活用していこうというWebサイト「OPEN METI」が公開された。 難しい資料をわかりやすくインフォグラフィックス化することでより多くの人に政府が公開するデータを知ってもらおうという狙いのようだ。 経済産業省のデータをわかりやすく 経済産業省が保有する多様なデータ。そこには、あらゆるテーマにわたって日本経済の過去と現在が記録されている。 OPEN METIプロジェクトは、これらの膨大なデータを様々な切り口で紐解き、活用可能なオープン・データとして公開していくプロジェクトです。 OPEN METIとは 昨今、情報公開は浸透してきたが、ただ単にデータを公開するだけでなく人々が親しみやすいようにしてこそ、本当の情報公開だという批判も聞こえてくる。政府によって公開されたデータをわかりやすくし、有効活用してもらおうというのが、「OPEN METI
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
