タグ

JavaScriptとjavascriptとd3.jsに関するAOI-CATのブックマーク (4)

  • C3.js | D3-based reusable chart library

    Comfortable C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more. Customizable C3 gives some classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3. Controllable C3 provides a variety of APIs and callbacks to access th

  • NVD3

    This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions. View more examples » GitHub Repo Download d3.v3.js. This is the only required library for NVD3. Dow

  • D3.jsの覚書ラブライブ!編 - AOI-CAT's diary

    まとめ D3.jsでData-Driven Documentsするとかよくわからなかったので、基礎っぽいところのメモとサンプル。 まずは、d3.selectAll(), selection.data(), selection.enter(). d3.scale()を理解することが重要。 svgのcircle, rectあたりは調べておきましょう。 同じくJavaScriptのArrayあたりはよく使うので復習しておく。 にこ先輩はちっちゃい。 Documentの読み方 主要API 公式のIntroductionと、Tutrialsは参考になる。 とりあえずIntroductionからThree Little Circles、Thinking with Joinsまで読むのがおすすめ。 すごく単純に要約すると、d3.selectAll()で選択して、selection.data()でデータを

    D3.jsの覚書ラブライブ!編 - AOI-CAT's diary
  • D3をはじめよう

    データ可視化のために作成されたJavaScriptベースのツールキット、「D3.js」の概説書です。D3の基礎となる、データセットの文脈によってコンテンツの要素を取扱う方法を学びます。ニューヨーク都市交通公社(MTA)の公開している実データに基づいて、HTML、Canvas、SVGを使った、豊富でグラフィカルなビジュアライゼーションの方法を知ることができるでしょう。なお書はEbookのみの販売となります。 まえがき 1章 はじめに D3 基設定 ニューヨーク都市交通公社のデータセット 2章 Enterセレクション シンプルな地下鉄路線状況表示盤を作成する プラザの1日平均交通量のグラフを作成する 3章 スケールと座標軸と折れ線グラフ バスの故障、衝突や人身事故 回転式ゲートの交通量をグラフ化する 4章 インタラクションとトランザクション 地下鉄の定時運行率の評価UIその1――インタラク

    D3をはじめよう
  • 1