/node-pterodactyl

Visualize javascript objects as fractal trees

Primary LanguageJavaScript

node-pterodactyl

wut?

Pterodactyl is a fractal tree visualizer. Display an arbitrary javascript object. By leveraging fractal geometry and vector graphics, pterodactyl can display vast amounts of information in a finite amount of space.

screen shot

hack about

on requireBin

or locally:

git clone git@github.com:kumavis/node-pterodactyl.git
cd node-pterodactyl
npm install -g beefy
npm install
npm start

examples

some random object
var pterodactyl = require('pterodactyl')

var obj = {
  a: 1,
  b: {
    d: 3,
    e: 4,
  },
  c: 2,
}

pterodactyl.drawHash({
  target: obj,
  x: 500,
  y: 500,
})

screen shot

esprima syntax tree
var pterodactyl = require('pterodactyl')
var esprima = require('esprima')

var src = "var x = 1 + 2"
var obj = esprima.parse(src)

pterodactyl.drawHash({
  target: obj,
  x: 500,
  y: 500,
})

screen shot