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.
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
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
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 = [email protected]:wbzyl/water.git
[branch "master"]
remote = origin
merge = refs/heads/master
[remote "heroku"]
url = [email protected]:deep-water.git
fetch = +refs/heads/*:refs/remotes/heroku/*
Nowe przykłady wrzucamy na heroku w taki sposób:
git push heroku master
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent