2012-03-01から1ヶ月間の記事一覧

D3 メモ [SVG基礎編]

JavaScript

基本 SVGでグラフィックを描画する場合には、まずHTMLにsvg要素を追加して 描きたいシェイプを追加していく感じ。 function draw(json) { var w = 500, h = 500; var svg = d3.select('#container') .append('svg:svg') .attr('width', w) .attr('height', h…

D3 メモ[API]

JavaScript

API Reference https://github.com/mbostock/d3/wiki/API-Reference Event <div id="container"> <button class="clickme">click me</button> <button class="clickme">click me</button> <button class="clickme">click me</button> <button class="clickme">click me</button> </div> var data = [ { name: 'button1' }, …

D3 メモ [基礎編]

JavaScript

D3 データを元にHTMLを操作するためのライブラリ。データを元にしたヴィジュアライズもできるし、jQueryの様な使い方で、動的なページを作ることもできる。http://mbostock.github.com/d3/ex/ 基本的な使い方(DOM操作) <html> <head> <meta charset="UTF-8"> <title>d3 demo</title> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> </meta></head></html>