K4750.NET

Node.jsビルド&D3.jsインストール

npm(node package manager)にてD3(Data-Driven Documents)をインストールする!

npm README.html:
You need node v0.8 or higher to run this program.

(´・ω・`)


1.Node.jsビルド&インストール

先ほどインストールしたパッケージ版(v0.6.12)を削除する。

# apt-get purge nodejs

最新版(v0.10.18)をダウンロードする。

$ wget http://nodejs.org/dist/v0.10.18/node-v0.10.18.tar.gz
$ tar xvfz node-v0.10.18.tar.gz
$ cd node-v0.10.18/
$ cat README.md
...
Prerequisites (Unix only):

    * GCC 4.2 or newer
    * Python 2.6 or 2.7
    * GNU Make 3.81 or newer
    * libexecinfo (FreeBSD and OpenBSD only)
...

足りないものはない。ビルド&インストール。

$ ./configure
$ make
$ sudo make install
...
$ which node
/usr/local/bin/node
$ node -v
v0.10.18

2.D3.jsインストール

$ sudo npm install -g d3

3.D3.jsでHello World

hwd3.js:

var d3 = require("d3");
var svg = d3.select("body")
  .append("svg")
  .attr({
    xmlns: "http://www.w3.org/2000/svg",
    width: 200,
    height: 25
  });
svg.append("text")
  .attr({
    x: 10,
    y: 20,
    "font-size": 24
  })
  .text("Hello D3 World");
console.log(d3.select("body").node().innerHTML);

nodeコマンドを実行する。

$ export NODE_PATH=/usr/local/lib/node_modules
$ node hwd3.js
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="25"><text x="10" y="20" font-size="24">Hello D3 World</text></svg>