d3.js sketchpad
JavaScript
Pull request Compare This branch is 37 commits ahead, 1 commit behind lgrammel:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
data
examples
img
js
slider
Gemfile
Gemfile.lock
README.md
config.ru
water.html

README.md

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)

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

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