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>