タグ

2012年7月23日のブックマーク (2件)

  • 棒グラフのアニメーション

    [数表をアニメーションへ:image] プログラミングの話題をひとつ・・・ 無味乾燥な数表を楽しい棒グラフのアニメーションにしようという試み。 こちらのようなアニメーションにしようというわけ。 HTML5 や CSS3 だけで出来るという。次のサイトでプログラミングコードが公開されている。興味のある方はぜひどうぞ。 Smashing Coding: “Create An Animated Bar Graph With HTML, CSS And jQuery” by Derek Mack: 23 September 2011 プログラミングはさっぱりだが、とてもクールに見えるので自分でも出来たらいいなあと思う。 [via The Loop] ★ →[原文を見る:Original Text]

    棒グラフのアニメーション
    kitkit
    kitkit 2012/07/23
  • 棒グラフ(垂直) - JavaScript ライブラリー - HTML5.JP

    JavaScriptから棒グラフ(垂直)をcanvas要素に描画します。パラメータを指定することで、項目、色、凡例表示などお好みの棒グラフ(垂直)を柔軟に描画できます。 ダウンロード Release Date Size (byte) Download 使い方 graph_vbar_x_x_x.zipを解凍し、html5jpフォルダをウェブサーバにそのままアップロードしてください。グラフを表示させたいHTMLには次のタグを記述してください。 <div><canvas width="400" height="300" id="sample"></canvas></div> 上記タグは次の点に注意してください。 canvas要素は、必ずdiv要素で囲んでください。 canvas要素には、必ずwidth属性とheight属性を記述し、幅と高さを指定してください。 canvas要素には、必ずid属性

    kitkit
    kitkit 2012/07/23