http://www.ng-newsletter.com/posts/d3-on-angular.html
D3 on AngularJS
D3 is a powerful library for creating data visualizations for the web. With it, you can create compelling visual presentations of your data while writing relatively little code. In combination with AngularJS, the two can be used to create highly sophiticated, dynamic and interactive data visualizations. The book covers an introdution to D3, addressing its major concepts and features, as well as h
HTML D3.js Layout - @//メモ
d3.layout とは？ † layout は、直接グラフィックを描画しない layout は、生データを中間形式に変換する function たとえば、pie layout の場合 d3.layout.pie() は、生データの配列を、対応する円グラフの中心角の配列に変換する 中心角の配列を d3.svg.arc() で、SVG のポリゴンに変換する 最終的にできた <path d="M123,456,780,..."/> がブラウザにより画面に表示される ↑ pie layout † https://github.com/kagyuu/D3JSExam/blob/master/D3JS-layout-pie.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Pie</title> <st
明日から使えるD3.js
コードの説明 Line Chartを描くにはこんな感じです。 // marginの設定 var margin = {top: 20, right: 20, bottom: 30, left: 50}, width = 960 - margin.left - margin.right, height = 500 - margin.top - margin.bottom; // 日付の表示形式の設定 var parseDate = d3.time.format("%d-%b-%y").parse; コードの説明 // X軸、Y軸の設定 var x = d3.time.scale() .range([0, width]); var y = d3.scale.linear() .range([height, 0]); var xAxis = d3.svg.axis() .scale(x) .ori
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
