water

Live coding sketchpad for d3.js – data-driven documents. Code modifications are instantly displayed - no need to refresh your browser.

Based on Gabriel Florit's Water live coding sketchpad (original water)

• livecoding – v0.1

The beautiful code editor, Ace, is an open source project by Ajax.org.

Setup

Any static file web server will work, for example Serve for NodeJS:

serve

Then hit

http://localhost:3000/water.html

or try

http://localhost:3000/water.html#rect-00

and start coding!

Install Serve with NPM:

npm install -g serve

Git Tips

• How to „Merge” Specific Files from Another Branch

Merging changes from the master branch:

git checkout vibrant-ink
git checkout master README.md
git status
git diff --cached
// git add README.md, git add --interactive

Heroku

Aplikację wdrożyłem na Heroku.

Przykładowo, przykład examples/circle-05.js wpisujemy tak:

http://deep-water.herokuapp.com/#circle-05

Plik .git/config:

[core]
        repositoryformatversion = 0
        filemode = true
        bare = false
        logallrefupdates = true
[remote "origin"]
        fetch = +refs/heads/*:refs/remotes/origin/*
        url = git@github.com:wbzyl/water.git
[branch "master"]
        remote = origin
        merge = refs/heads/master
[remote "heroku"]
        url = git@heroku.com:deep-water.git
        fetch = +refs/heads/*:refs/remotes/heroku/*

Nowe przykłady wrzucamy na heroku w taki sposób:

git push heroku master