タグ

2015年3月27日のブックマーク (2件)

  • D3.js入門〜Perfumeシングル売上チャート作成〜

    お久しぶりです。Perfumeエンジニアの新井です。 先週の9/21(日)にPerfumeがメジャーデビュー10周年&結成15周年の記念日を迎えました。 その記念日に、最終日を迎えたPerfume 5th Tour 2014『ぐるんぐるん』の詳しい様子は、こちらのライブレポートを御覧ください。 また、このPerfume Dayに各CDショップで開かれたイベントの様子はこちらの記事を。 「この記念日を迎えた感動を、自分なりに表現しなければ…」 「メジャーデビュー10周年ということで、これまでの歴史を振り返りたい…」 「よしそれじゃ、これまでリリースしたシングルをざっと振り返ろう!」 という個人的な使命感に駆られて、このブログを書いています。 やることはタイトル通り 『メジャーデビューからの全シングル20曲の売上枚数の遷移を折れ線チャートで表示』 それを実現するためにこの頃興味があったD3.j

  • D3.jsの使い方とグラフを作成するサンプル | Tips Note by TAM

    javascriptのライブラリ「D3.js」について調べてみました。 ■ 公式 D3.js - Data-Driven Documents ■ 日語訳 D3.js - 日語ドキュメント D3(Data Driven Document).jsとは D3.jsとは、JSON、XML、CSV、タブ区切りテキスト、javascriptの配列などの 様々な形式のデータを可視化する時に便利なライブラリで、下記のような特徴があります。 ・データに基づいてドキュメントを操作する。 =データドリブン(データ駆動) ・データの表現に必要な変換は行うが、表現そのものは直接行わない。 ⇒表現は制作者に委ねられていますが、そのために複雑な表現が可能になっています。 ⇒表現には主にSVGを使用します。 ・モダンブラウザでの動作を前提としている。 ⇒標準では古いブラウザはサポートしない。(IEは9以上) ・jQu

    D3.jsの使い方とグラフを作成するサンプル | Tips Note by TAM