時系列データのグラフをjQueryとFlotで描く
JSONの時系列データがたくさん手に入りました。なにせJSONなんだし、JavaScriptを使ってブラウザにインタラクティブなグラフを簡単に描けそうな気がします。そこでとりあえず折れ線チャートを描くことにしました。むかしjQuery用のFlotというライブラリを使ったことがあったので、今回もこれを使おうと思ったのですが、完全に使い方を忘れていた！そういえば、むかし使ったときも、API.txtという英文がだらだら書かれたテキストファイルしかドキュメントがなくて面倒だったのを忘れていました。そこで今回は備忘録を残しておくことにしたしだい。 なお、Flotはべつに時系列の折れ線チャートを描くためのライブラリではないので、ほかにもいろいろなチャートが描けるはずですが、とくに調べていないので知りません。あくまでも時系列データの折れ線チャートを描くことが目標の備忘録です。 下準備描画したい時系列デー
Flot Examples
Here are some examples for Flot, the Javascript charting library for jQuery: Basic example Different graph types Setting various options and annotating a chart Updating graphs with AJAX and real-time updates Being interactive: Turning series on/off Rectangular selection support and zooming and zooming with overview (both with selection plugin) Interacting with the data points Panning and zooming (
How to Create an Interactive Graph using HTML, CSS3 & jQuery - Designmodo
Step 1 – HTML Markup of Interactive Graph To start we will create our html markup for the graph. We will create a <div> with the class “graph-wrapper”. Inside of this <div> we will add two more <div>. The first one will have the “graph-info” class, this div will contain the graph legend and the buttons that will allow us to switch between graphs. The second div will contain the two graphics (lines
乳児連れ両親の“心配り”称賛、「迷惑かける」と機内で乗客に飴配る。
先日、生後間もない双子の男の子を連れ、飛行機を利用した米国人カップルがいる。彼らは周囲に迷惑をかける可能性が高いことを見越して、予め乗客たちにちょっとした心配りをしたそうだ。後日、その場に居合わせた乗客の1人がソーシャルサイトでエピソードを紹介すると、カップルの行動を多くの人が称賛し、話題になっている。 米紙ニューヨーク・ポストなどによると、飛行機内での出来事を紹介したのは、サンフランシスコに住む27歳の男性アンドリュー・メリットさん。9月1日、ワシントンD.C.行きの飛行機を利用した彼は、席についてすぐ、通路を歩いてきた女性から飴が入った袋を受け取ったという。一見、機内サービスかと思われたプレゼントには、袋にメッセージが書かれていた。 それは「Hello! We're twin baby boys on our first flight and we're only 14 weeks o
Javascriptで特定のパラメータを取得するjQueryプラグインjquery.url.js
JavascriptでURL中の特定のパラメータgetしたいことがあったのでメモ。 通常Javascriptないし、jQueryでパラメータを取得しようとすると、 var n=document.location.search.substring(1,window.location.search.length); として、&や?の記号をパースして、連想配列にいれて取得しますが、『このパラメータの値だけよこせやっ！』という時はちょっと面倒。 そんな時に大変お役に立ちましたのが このプラグイン、パラメータ以外にもディレクトリや、ディレクトリの階層など、自URLの様々な情報を返してくれますが、今回は特定のパラメータを取得しました。 $(function(){ var url = $.url('http://www.kaasan.info?name=hoge'); url.param('name')
【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（後編）
こんにちは、橋本です。 前回にひきつづき、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 consoleオブジェクトには以下の19個(logを除くと18個)のメソッドがあります。 assert count debug dir dirxml error group groupCollapsed groupEnd info log markTimeline profile profileEnd time timeEnd timeStamp trace warn そのうち前回は、assertメソッドからgroupEndメソッドまで見て行きました。 今回はinfoメソッドからwarnメソッドまでの使い方について書いていきたいと思います。 infoメソッド console.info(messa
カセットテープ音源を直接iPhoneに 「Cassette To iPod Converter」
カセットテープを今も大事に持っていて、iPhoneで聞きたい――そんな人に便利な「Cassette To iPod Converter」が79.95ドルで売られている。 カセットテープの曲をMP3に変換して、iPhoneやiPod touchに直接保存する。付属の無料アプリを用意して、カセットとiPhoneを本体にセットして曲を再生するだけ。付属ソフトを使って、カセットの曲をPCやMacに保存することもできる。電源は単3電池2本で、サイズは4.5×3.25×1.25インチ（11.4×8.3×3.2センチ）。 advertisement 関連記事 蘇れ青春！俺のオリジナル編集MDをスマホで聞いてくれ計画 自分オリジナルのテープやMDをいまでも棄てられずにもっている人も少なくない。それを今使っているスマートフォンでも聞く手立てはある。 日々是遊戯：レゴで作ったゲームボーイ・トランスフォーマーが
アラフォーお父さんのためのポケモン入門 :Heartlogic
アラフォーお父さんのためのポケモン入門 現在、6歳の息子とポケモンにはまっています。これまで「ピカチュウが出てくるDSのゲーム」ぐらいの知識しかなかったんですが、よく知ってみると最近のゲームの進化に愕然としますね。 というわけで「親子のコミュニケーションツールとしてのポケモン」という視点から、ポケモンの世界をちょっと紹介してみたいと思います。 基本的に2本で1組 最新のポケモンは「ブラック2」「ホワイト2」、その前は「ブラック」「ホワイト」、さらに前は「ハートゴールド」「ソウルシルバー」と、ポケモンのソフトは2本で1組。両方は基本的にほぼ同じですが、出現するポケモンの一部が違っていたりして、交換して補完したりするといい感じになっています。 なんでも、こういう2本立て発売の元祖はポケモンシリーズなんだそうで、親子で一方ずつを持って遊ぶのにちょうどいいのではないかと思います。 カナが読めれ
ムジカ・ピッコリーノ | NHK 夏の特集番組・注目番組 夏ナビ
ムジカ・ピッコリーノ 2XXX年、忘れ去られた「音楽」が「モンスター」に?! 世界の名曲を扱った実験を通して音楽の再生をはかる ここは2XXX年、忘れ去られボロボロになった“音楽”が、モンスターの姿で現れる仮想空間ムジカ・ムンド。たくさんのモンスターを、本来あるべき音楽の姿に“再生”してきたベテランのモンスター使いと、ふたりの見習い小学生が主人公です。見習いたちは、さまざまな実験を通してモンスターの再生に挑戦しながら、音楽とはなにか、その正体と魅力に気づいていきます……。 番組に登場するナンバーは、ロック、ポップス、クラシック、邦楽、ワールドミュージックなど、世界の名曲ばかり。見えない音を“見える化”する実験映像や楽しいアニメが次々展開する中で、音楽の不思議が見えてくる……。そんな、子どもの感性を刺激する、新しいかたちの音楽エデュテイメント番組です。３週連続放送。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
