ゴールデンウィーク中にD3.jsを学びたい方にお勧めな厳選まとめ
「データビジュアライゼーション（D3.js）を学ぶための教材まとめ」も大分量が増えてきて、初めてD3.jsを学ぶという人にはどこから手をつけて良いものか解りづらくなってきました。 そこで、ゴールデンウィーク中にD3.jsを学んでみたいという方に、いくつか厳選してお勧めしてみたいと思います。 スライドを眺める まずはD3.jsがどんなライブラリなのか把握しましょう。 ・about d3.js チュートリアルを学ぶ とりあえず分量・内容的に下記のチュートリアルがお勧めです。 ・D3 チュートリアル｜スコット・マレイ｜alignedleft 余裕があっていろんなレイアウトのグラフを描いてみたいなら、下記サイトを。 ・svg要素の基本的な使い方まとめ コード共有サイトを使って実践 チュートリアルを手軽に試すなら、コード共有サイトを利用するのが楽チンです。 jsdo.it, jsfiddle, Tr
JavaScript で，クリックした座標に点を追加できるグラフチャートを描画する方法 （jQuery のプラグイン jquery.sparklines / jquery.flotの使い方) - 主に言語とシステム開発に関して
JavaScriptプログラミングのTOPへ JavaScriptを使って，ブラウザ上でグラフチャートを作成する事ができる。 折れ線グラフ 棒グラフ 点だけでプロット のようにグラフの種類を変えたり，色を付けたり，プロットした点をマウスで操作したりすることもできる。 IE・Firefoxの両方に対応。 下記では，サンプルコード付きで描画用ライブラリを２つ紹介する。 試してみるのは， 簡易なライブラリである sparklines 多機能な flot の２つ。 どちらも jQuery のプラグインなので，jQuery も入手して同フォルダに設置しておくこと。 jQueryダウンロード http://docs.jquery.com/Downloading_jQ... （１）sparklines で手軽に描画 このライブラリは，プラグインの紹介記事にて「小さなかわいいグラフが簡単に描ける！」として
時系列データのグラフをjQueryとFlotで描く
JSONの時系列データがたくさん手に入りました。なにせJSONなんだし、JavaScriptを使ってブラウザにインタラクティブなグラフを簡単に描けそうな気がします。そこでとりあえず折れ線チャートを描くことにしました。むかしjQuery用のFlotというライブラリを使ったことがあったので、今回もこれを使おうと思ったのですが、完全に使い方を忘れていた！そういえば、むかし使ったときも、API.txtという英文がだらだら書かれたテキストファイルしかドキュメントがなくて面倒だったのを忘れていました。そこで今回は備忘録を残しておくことにしたしだい。 なお、Flotはべつに時系列の折れ線チャートを描くためのライブラリではないので、ほかにもいろいろなチャートが描けるはずですが、とくに調べていないので知りません。あくまでも時系列データの折れ線チャートを描くことが目標の備忘録です。 下準備描画したい時系列デー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
