created by http://livecoding.io/3419309

README.md

View this code at http://livecoding.io/4137610

options.json

{
    "libraries": [
        "d3"
    ],
    "mode": "json",
    "layout": "sketchpad mode"
}

water.css

svg {
  position: absolute;
}

water.html

<svg></svg>

water.js

console.log(livecoding.json.data);

water.json

{
  "data": 
  { nodes: 
    [ { name: 'jQuery-Twitter-Plugin', group: 7 },
     { name: 'web-learn-jquery-com', group: 1 },
     { name: 'Bocoup_Project', group: 2 },
     { name: 'protobot', group: 2 },
     { name: 'WAT', group: 9 },
     { name: 'jquery-ui-notification', group: 4 },
     { name: 'norby', group: 1 },
     { name: 'jquery', group: 12 },
     { name: 'jqfundamentals', group: 3 },
     { name: 'jquery-module', group: 2 },
     { name: 'large-jquery-apps', group: 2 },
     { name: 'refactor-jquery', group: 2 },
     { name: 'txjs-site', group: 2 },
     { name: 'bro', group: 4 },
     { name: 'jquery-docs', group: 3 },
     { name: 'widget-factory-docs', group: 3 },
     { name: 'collabracode', group: 1 },
     { name: 'yayquery_site', group: 2 },
     { name: 'jQuery.event.special.hashchange', group: 2 },
     { name: 'yayqueryPad', group: 2 },
     { name: 'ajpiano.github.com', group: 1 },
     { name: 'backbone-boilerplate', group: 4 },
     { name: 'Backbone.localStorage', group: 1 },
     { name: 'bellevuesfinest', group: 1 },
     { name: 'blockui', group: 1 },
     { name: 'boilerplate-boilerplate', group: 1 },
     { name: 'Boot', group: 1 },
     { name: 'fixingthesejquery', group: 1 },
     { name: 'Gitpicking', group: 1 },
     { name: 'grunt-jquery-content', group: 2 },
     { name: 'grunt-wintersmith', group: 1 },
     { name: 'highlight.js', group: 1 },
     { name: 'iliad', group: 1 },
     { name: 'jquery-boilerplate', group: 1 },
     { name: 'jQuery-Presentation', group: 1 },
     { name: 'jquery-ui', group: 2 },
     { name: 'jquery.ui-tokenlist', group: 1 },
     { name: 'js1k-organ1k', group: 2 },
     { name: 'learn.jquery.com', group: 4 },
     { name: 'node-pygmentize', group: 2 },
     { name: 'onelessjpg', group: 1 },
     { name: 'w3fools', group: 3 },
     { name: 'widgetfactory', group: 1 },
     { name: 'wintersmith', group: 1 },
     { name: 'wintersmith-ordered-pages', group: 1 },
     { name: 'wordgame-strategy', group: 1 },
     { name: 'jquery-event-target', group: 1 },
     { name: 'PizzaPies', group: 2 },
     { name: 'GenderRemixer', group: 1 },
     { name: 'email-plusplus', group: 1 },
     { name: 'Abacus', group: 3 },
     { name: 'abacus.github.com', group: 1 },
     { name: 'backbone', group: 3 },
     { name: 'backbone.routefilter', group: 1 },
     { name: 'backbone.search', group: 1 },
     { name: 'boazsender.github.com', group: 1 },
     { name: 'Bober', group: 2 },
     { name: 'burst-core', group: 2 },
     { name: 'butter', group: 3 },
     { name: 'butterapp', group: 1 },
     { name: 'cravasse', group: 1 },
     { name: 'datacouch', group: 1 },
     { name: 'datauri', group: 1 },
     { name: 'dmv', group: 3 },
     { name: 'etherpads', group: 1 },
     { name: 'html5-learning-concussion', group: 1 },
     { name: 'html5-learning-explosion', group: 1 },
     { name: 'Leaflet', group: 1 },
     { name: 'mbta-subway-realtime-json', group: 1 },
     { name: 'mobilecheckbox', group: 2 },
     { name: 'ObjectLateralJS', group: 1 },
     { name: 'Opensource-Wordpress-Theme', group: 1 },
     { name: 'ot-crew.com', group: 4 },
     { name: 'polymapper', group: 1 },
     { name: 'popcorn-js', group: 3 },
     { name: 'Remixer', group: 1 },
     { name: 'Rotoscoper', group: 1 },
     { name: 'srchr', group: 2 },
     { name: 'wtfjs', group: 1 },
     { name: 'akihabara', group: 2 },
     { name: 'akihabara_tutorials', group: 1 },
     { name: 'bite-the-bullet', group: 1 },
     { name: 'akiba', group: 1 },
     { name: 'Another-World-Bytecode-Interpreter', group: 1 },
     { name: 'boxbox', group: 4 },
     { name: 'ColorSprite', group: 1 },
     { name: 'ffo', group: 1 },
     { name: 'gqTest', group: 1 },
     { name: 'mantra', group: 1 },
     { name: 'metaphor-a-minute', group: 1 },
     { name: 'outslide', group: 1 },
     { name: 'Prince-of-Persia-Apple-II', group: 1 },
     { name: 'teamsnake-simple', group: 1 },
     { name: 'wolf3d', group: 1 },
     { name: 'chimelat', group: 1 },
     { name: 'deferred-exec', group: 1 },
     { name: 'dotfiles', group: 6 },
     { name: 'dotfiles-gf3', group: 1 },
     { name: 'easing.js', group: 1 },
     { name: 'GigaQuery', group: 1 },
     { name: 'gith', group: 2 },
     { name: 'github-viewer', group: 2 },
     { name: 'grunt', group: 4 },
     { name: 'jquery-color', group: 1 },
     { name: 'jquery-include', group: 1 },
     { name: 'jquery-key', group: 1 },
     { name: 'jquery-whenSet', group: 1 },
     { name: 'jQuery.Mines', group: 1 },
     { name: 'lodash', group: 1 },
     { name: 'nave', group: 1 },
     { name: 'nave-installer', group: 1 },
     { name: 'perform', group: 1 },
     { name: 'puppet-nodejs', group: 1 },
     { name: 'Quewery', group: 2 },
     { name: 'serializeObject', group: 1 },
     { name: 'snippets', group: 1 },
     { name: 'snippets.js', group: 1 },
     { name: 'soundboard.js', group: 1 },
     { name: 'soundboard.js-website', group: 1 },
     { name: 'sproutcore-website', group: 1 },
     { name: 'underscore.deferred', group: 1 },
     { name: 'vapor.js', group: 1 },
     { name: 'web-base-template', group: 1 },
     { name: 'bookofevil', group: 1 },
     { name: 'csslayoutsite', group: 3 },
     { name: 'csslearningsite', group: 1 },
     { name: 'deck.js-boilerplate', group: 1 },
     { name: 'dream', group: 1 },
     { name: 'dusk', group: 1 },
     { name: 'edm-thing', group: 1 },
     { name: 'express-messages', group: 1 },
     { name: 'grunt-stylus', group: 1 },
     { name: 'grunt-updoc', group: 1 },
     { name: 'incompl', group: 1 },
     { name: 'incompl-blog', group: 1 },
     { name: 'internistory', group: 1 },
     { name: 'jekyll-localize', group: 1 },
     { name: 'keyDecode', group: 1 },
     { name: 'LetterBrush', group: 1 },
     { name: 'node-test', group: 1 },
     { name: 'pokertimes', group: 1 },
     { name: 'Richard-Greg-Robot-Thing', group: 2 },
     { name: 'SuiteJS', group: 1 },
     { name: 'super-inherit', group: 1 },
     { name: 'updoc', group: 1 },
     { name: 'slotmachine', group: 1 },
     { name: 'senderfund.com', group: 3 },
     { name: 'backbone.layoutmanager.docs', group: 1 },
     { name: 'gruntjs.com', group: 1 },
     { name: 'try_git', group: 2 },
     { name: 'jory-learns-javascript', group: 1 },
     { name: 'metaquery', group: 1 },
     { name: 'clctr', group: 1 },
     { name: 'gruntiso', group: 1 },
     { name: 'voo', group: 4 },
     { name: 'gaze', group: 1 },
     { name: 'bash-misc', group: 1 },
     { name: 'battlelog-hacks', group: 1 },
     { name: 'benalman.com', group: 1 },
     { name: 'benalman.com-content', group: 1 },
     { name: 'blog.js', group: 1 },
     { name: 'comment.aculo.us', group: 1 },
     { name: 'css-misc', group: 1 },
     { name: 'D8', group: 1 },
     { name: 'embedly-jquery', group: 1 },
     { name: 'enterprise-js', group: 1 },
     { name: 'express', group: 1 },
     { name: 'gaucho', group: 2 },
     { name: 'gaucho-old', group: 1 },
     { name: 'github-markdown-anchors', group: 1 },
     { name: 'grunt-commonjs-example', group: 1 },
     { name: 'grunt-gruntfile-example', group: 1 },
     { name: 'grunt-gruntplugin-example', group: 1 },
     { name: 'grunt-jquery-example', group: 1 },
     { name: 'grunt-node-example', group: 1 },
     { name: 'javascript-debug', group: 1 },
     { name: 'javascript-emotify', group: 1 },
     { name: 'javascript-getclass', group: 1 },
     { name: 'javascript-hooker', group: 1 },
     { name: 'javascript-htmlslice', group: 1 },
     { name: 'javascript-library-boilerplate', group: 1 },
     { name: 'javascript-linkify', group: 1 },
     { name: 'javascript-packify', group: 1 },
     { name: 'javascript-route-matcher', group: 1 },
     { name: 'javascript-sync-async-foreach', group: 1 },
     { name: 'jquery-bbq', group: 1 },
     { name: 'jquery-dotimeout', group: 1 },
     { name: 'jquery-equalizebottoms', group: 1 },
     { name: 'jquery-getobject', group: 1 },
     { name: 'jquery-hashchange', group: 1 },
     { name: 'jquery-longurl', group: 1 },
     { name: 'jquery-message-queuing', group: 1 },
     { name: 'jquery-misc', group: 1 },
     { name: 'jquery-mobile', group: 1 },
     { name: 'jquery-outside-events', group: 1 },
     { name: 'jquery-plugin', group: 1 },
     { name: 'jquery-postmessage', group: 1 },
     { name: 'jquery-replacetext', group: 1 },
     { name: 'jquery-resize', group: 1 },
     { name: 'jquery-starwipe', group: 1 },
     { name: 'jquery-throttle-debounce', group: 1 },
     { name: 'jquery-untils', group: 1 },
     { name: 'jquery-urlinternal', group: 1 },
     { name: 'jsconf-grunt-test', group: 1 },
     { name: 'JSMin', group: 1 },
     { name: 'Linkinus.AdiumEmoticonset', group: 1 },
     { name: 'Modernizr', group: 2 },
     { name: 'move_follow_test', group: 1 },
     { name: 'node-findup-sync', group: 1 },
     { name: 'node-glob-whatev', group: 1 },
     { name: 'node-jqbuild', group: 1 },
     { name: 'node-linken', group: 1 },
     { name: 'node-zombie-connect-socket', group: 1 },
     { name: 'Organ1k', group: 1 },
     { name: 'php-simple-proxy', group: 1 },
     { name: 'processingjs-pattern', group: 1 },
     { name: 'pygmentize', group: 1 },
     { name: 'semicolon', group: 1 },
     { name: 'semver', group: 1 },
     { name: 'Simplified.lnk2Style', group: 1 },
     { name: 'subjectisdead', group: 1 },
     { name: 'talks', group: 1 },
     { name: 'textual-simplified-stealth', group: 1 },
     { name: 'weekly-site', group: 1 },
     { name: 'wow-cowboy', group: 1 },
     { name: 'TileMillUK', group: 1 },
     { name: 'drinks', group: 1 },
     { name: 'RNA', group: 1 },
     { name: 'recon_frontend', group: 5 },
     { name: 'joystick.js', group: 1 },
     { name: 'recon_backend', group: 3 },
     { name: 'underscore.math', group: 2 },
     { name: 'miso.fs', group: 2 },
     { name: 'd3-bootstrap-plugins', group: 1 },
     { name: 'adayofmbta-js', group: 2 },
     { name: 'bower', group: 1 },
     { name: 'clearance', group: 1 },
     { name: 'clientsidedata', group: 1 },
     { name: 'deck.js', group: 1 },
     { name: 'deck.js-codemirror', group: 1 },
     { name: 'devise', group: 1 },
     { name: 'grunt-bbb', group: 2 },
     { name: 'jodoc-js', group: 1 },
     { name: 'johnny-five', group: 2 },
     { name: 'juggernaut', group: 1 },
     { name: 'moonshine_nodejs', group: 1 },
     { name: 'mp3app', group: 1 },
     { name: 'node-google-sql', group: 1 },
     { name: 'node-serialport', group: 1 },
     { name: 'nodecoptering', group: 1 },
     { name: 'paper.js', group: 2 },
     { name: 'processing-js', group: 1 },
     { name: 'ruby-echonest', group: 1 },
     { name: 'spotify-npr-allsongs', group: 1 },
     { name: 'StartupDataTrends', group: 1 },
     { name: 'underscore.nest', group: 1 },
     { name: 'wordcloud', group: 1 },
     { name: 'fortpoint.me', group: 3 },
     { name: 'aea_assets', group: 1 },
     { name: 'alfontso.js', group: 1 },
     { name: 'Conference-Connector', group: 1 },
     { name: 'derhund', group: 1 },
     { name: 'Django-contrib.auth-scaffold', group: 1 },
     { name: 'django-userena', group: 1 },
     { name: 'embedly-python', group: 1 },
     { name: 'fizbuz', group: 1 },
     { name: 'glasses-view', group: 1 },
     { name: 'navigator.getusermedia', group: 1 },
     { name: 'octo-sandbox', group: 1 },
     { name: 'pkarl-com', group: 1 },
     { name: 'projects', group: 1 },
     { name: 'snipt', group: 1 },
     { name: 'unicorntown', group: 2 },
     { name: 'legale.se', group: 1 },
     { name: 'piHack', group: 1 },
     { name: 'trendy', group: 1 },
     { name: 'backbone.layoutmanager', group: 1 },
     { name: 'beeswithmachineguns', group: 1 },
     { name: 'Chrome-Bookmark-Tags', group: 1 },
     { name: 'chrome-user-agent', group: 1 },
     { name: 'crypto-research', group: 1 },
     { name: 'CSS-Guidelines', group: 1 },
     { name: 'DressUp', group: 1 },
     { name: 'essential-js-design-patterns', group: 1 },
     { name: 'footils', group: 1 },
     { name: 'GrooveGrabber', group: 1 },
     { name: 'grunt-dressup', group: 1 },
     { name: 'html5please', group: 2 },
     { name: 'irene-script', group: 1 },
     { name: 'js-assessment', group: 2 },
     { name: 'js-assessment-answers', group: 2 },
     { name: 'jshint', group: 1 },
     { name: 'kramdown', group: 1 },
     { name: 'MorningStar', group: 1 },
     { name: 'nitwit', group: 1 },
     { name: 'passportjs-experiment', group: 1 },
     { name: 'PHP-Video-for-Everybody', group: 1 },
     { name: 'qunit', group: 1 },
     { name: 'socket.io', group: 1 },
     { name: 'socket.io-client', group: 1 },
     { name: 'srcdoc-polyfill', group: 1 },
     { name: 'aviatejs', group: 1 },
     { name: 'leaderboard', group: 1 },
     { name: 'jquery-ui-extensions', group: 2 },
     { name: 'temp-jquery-bar', group: 1 },
     { name: 'amplify', group: 2 },
     { name: 'AnythingZoomer', group: 1 },
     { name: 'community-updates', group: 1 },
     { name: 'doT', group: 1 },
     { name: 'fathom', group: 1 },
     { name: 'grunt-compare-size', group: 1 },
     { name: 'grunt-contrib-qunit', group: 1 },
     { name: 'jQCon-SF2012-Notes', group: 1 },
     { name: 'JQuery-Combinators', group: 1 },
     { name: 'jquery-offline', group: 1 },
     { name: 'jquery-tmpl', group: 1 },
     { name: 'jquery-ui-carousel', group: 1 },
     { name: 'jquery-validation', group: 1 },
     { name: 'jquerypp', group: 1 },
     { name: 'jsdoc-toolkit', group: 1 },
     { name: 'jsrender', group: 1 },
     { name: 'king_tour', group: 1 },
     { name: 'node-polyglot', group: 1 },
     { name: 'node-wordpress', group: 1 },
     { name: 'nodeguide.com', group: 1 },
     { name: 'notmuch-web', group: 1 },
     { name: 'olado.github.com', group: 1 },
     { name: 'popcorn.sequence', group: 1 },
     { name: 'qdoc', group: 1 },
     { name: 'qunitjs.com', group: 1 },
     { name: 'simple-history', group: 1 },
     { name: 'sizzle', group: 1 },
     { name: 'svgboilerplate', group: 1 },
     { name: 'temp-jqueryui', group: 1 },
     { name: 'the-boxer', group: 1 },
     { name: 'UITest', group: 1 },
     { name: 'webshim', group: 1 },
     { name: 'Wijmo-Open', group: 1 },
     { name: 'tc39-codex-wiki', group: 1 },
     { name: 'dromaeo', group: 2 },
     { name: 'jqueryuncovered', group: 1 },
     { name: 'CamanJS', group: 2 },
     { name: 'draft-prop', group: 1 },
     { name: '140bytes', group: 1 },
     { name: 'adventure', group: 1 },
     { name: 'ajaxHooks', group: 1 },
     { name: 'almond', group: 1 },
     { name: 'angular.js', group: 1 },
     { name: 'animeiosis', group: 1 },
     { name: 'anvil.js', group: 1 },
     { name: 'api-design-cookbook', group: 1 },
     { name: 'appjs', group: 1 },
     { name: 'arbor', group: 1 },
     { name: 'Arduino', group: 1 },
     { name: 'arduino.js', group: 1 },
     { name: 'ArduinoCommander-adk', group: 1 },
     { name: 'arduinojs', group: 1 },
     { name: 'audionode.js', group: 1 },
     { name: 'autorun', group: 1 },
     { name: 'avrdude', group: 1 },
     { name: 'b9snvs0', group: 1 },
     { name: 'backbone-express-mongoose-socketio', group: 1 },
     { name: 'backbone-fundamentals', group: 1 },
     { name: 'Backbone-Playground', group: 1 },
     { name: 'basket.js', group: 1 },
     { name: 'benchmark.js', group: 1 },
     { name: 'bitbeambot', group: 1 },
     { name: 'blitz-node', group: 1 },
     { name: 'Boatduinode', group: 1 },
     { name: 'boom_amazing', group: 1 },
     { name: 'bootstrap', group: 1 },
     { name: 'brackets', group: 1 },
     { name: 'brackets-app', group: 1 },
     { name: 'brain', group: 1 },
     { name: 'burst', group: 1 },
     { name: 'buzz', group: 1 },
     { name: 'bvjs', group: 2 },
     { name: 'CamanDrop', group: 1 },
     { name: 'candor', group: 1 },
     { name: 'cascadiajs.github.com', group: 1 },
     { name: 'ccv', group: 1 },
     { name: 'cdnjs', group: 1 },
     { name: 'chainvas', group: 1 },
     { name: 'chromakey', group: 1 },
     { name: 'chrome-app-samples', group: 1 },
     { name: 'chrome-boilerplate', group: 1 },
     { name: 'chrome-dev-snippets', group: 1 },
     { name: 'Chrome-Extensions-Boilerplate', group: 1 },
     { name: 'chromeless', group: 1 },
     { name: 'cli', group: 1 },
     { name: 'clodiuno', group: 1 },
     { name: 'clojurescript', group: 1 },
     { name: 'cloud9', group: 1 },
     { name: 'cloudnine', group: 1 },
     { name: 'cloudninetest', group: 1 },
     { name: 'coffee-script', group: 1 },
     { name: 'Common-Lisp.tmbundle', group: 1 },
     { name: 'compios5', group: 1 },
     { name: 'compojure', group: 1 },
     { name: 'compulsive', group: 1 },
     { name: 'computer-science-in-javascript', group: 1 },
     { name: 'ContentLoaded', group: 1 },
     { name: 'continuum', group: 1 },
     { name: 'controller', group: 1 },
     { name: 'couchapp', group: 1 },
     { name: 'couchappspora', group: 1 },
     { name: 'couchdb', group: 1 },
     { name: 'couchdb-xd', group: 1 },
     { name: 'couchdbStorage.js', group: 1 },
     { name: 'cradle', group: 1 },
     { name: 'create', group: 1 },
     { name: 'csvlib', group: 1 },
     { name: 'cujo', group: 1 },
     { name: 'DataTrackJS', group: 1 },
     { name: 'DeferJS', group: 1 },
     { name: 'delimitMate', group: 1 },
     { name: 'depthjs', group: 1 },
     { name: 'descriptor', group: 1 },
     { name: 'Design-Patterns-in-Javascript', group: 1 },
     { name: 'DexterJS', group: 1 },
     { name: 'diaspora', group: 1 },
     { name: 'dict', group: 1 },
     { name: 'doc', group: 1 },
     { name: 'docco', group: 1 },
     { name: 'doctorjs', group: 1 },
     { name: 'dojo', group: 2 },
     { name: 'dojo-boilerplate', group: 3 },
     { name: 'dojo-sandbox', group: 2 },
     { name: 'dom.js', group: 1 },
     { name: 'dsp.js', group: 1 },
     { name: 'duino', group: 1 },
     { name: 'jquery-yui3-rosetta-stone', group: 1 },
     { name: 'txjs2011_site', group: 1 },
     { name: 'txjs2012', group: 1 },
     { name: 'xqtouch', group: 1 },
     { name: 'uptown', group: 1 },
     { name: '2012.jsconf.eu', group: 1 },
     { name: 'arduino-display', group: 1 },
     { name: 'berlinjs.org', group: 1 },
     { name: 'blog-jekyll', group: 1 },
     { name: 'blog-octopress', group: 1 },
     { name: 'bloody-jquery-plugins', group: 1 },
     { name: 'cufon', group: 1 },
     { name: 'dojo-demo', group: 1 },
     { name: 'dojo-scaffold', group: 1 },
     { name: 'dojo-transformers', group: 1 },
     { name: 'ember.js', group: 1 },
     { name: 'ffco', group: 1 },
     { name: 'ffconf-mulberry-demo', group: 1 },
     { name: 'flitter', group: 1 },
     { name: 'frontend-dev-baseline', group: 1 },
     { name: 'grunt-mocha', group: 1 },
     { name: 'idiomatic.js', group: 1 },
     { name: 'jmvc-sandbox', group: 1 },
     { name: 'johnny-five-projects', group: 1 },
     { name: 'jQuery-201', group: 1 },
     { name: 'jQuery-Fundamentals-Temp', group: 1 },
     { name: 'js-minty-fresh', group: 1 },
     { name: 'js-sandbox', group: 1 },
     { name: 'js-testing-boilerplates', group: 1 },
     { name: 'jshintrb', group: 1 },
     { name: 'lawnchair', group: 1 },
     { name: 'mulberry', group: 1 },
     { name: 'mulberry-demos', group: 1 },
     { name: 'mustache-cats', group: 1 },
     { name: 'node-chat', group: 1 },
     { name: 'object-literals', group: 1 },
     { name: 'plugd', group: 1 },
     { name: 'project-euler', group: 1 },
     { name: 'requirejs', group: 1 },
     { name: 'responsive-ui', group: 1 },
     { name: 'reveal.js', group: 1 },
     { name: 'rmurphey.github.com', group: 1 },
     { name: 'sandbox', group: 1 },
     { name: 'simple-sprites', group: 1 },
     { name: 'SlickGrid', group: 1 },
     { name: 'srchr-demo', group: 1 },
     { name: 'srchr-ember', group: 1 },
     { name: 'testable-javascript', group: 1 },
     { name: 'tweetirc.js', group: 1 },
     { name: 'twitterverse', group: 1 },
     { name: 'waaa', group: 1 },
     { name: 'xui', group: 1 } ],
  links: [] }
  
}