🚗📈 An intro to D3 via a set of self-guided workshops
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.githooks
doc
src
.editorconfig
.eslintignore
.eslintrc
.gitattributes
.gitignore
.npmignore
.nvmrc
.travis.yml
LICENSE
README.md
package.json
tests.sh

README.md

Test-drive D3 for much win! npm Build Status

testdrived3 is an intro to D3 via a set of self-guided workshops. It is based on the great Let's Make a Bar Chart tutorials from D3's creator, Mike Bostock.

menu screenshot

  1. Install Node.js
  2. Run npm install -g testdrived3
  3. Run testdrived3
  4. .. profit!

Content

This workshop guides you through the creation of a bar chart. You will learn D3's most important APIs:

  • Manipulating HTML and SVG elements
  • Data binding
  • Scales and axes

We'll take you from:

First chart

To:

TODO Last chart

Troubleshooting

This workshop relies on features only available in Node version 4 and above. To check your version, run node --version from the command line.

Contributing

Install the project with:

git clone git@github.com:thibaudcolas/testdrived3.git
cd testdrived3
nvm install
npm install
npm install -g eslint babel-eslint eslint-config-airbnb
./.githooks/deploy

To run the workshopper locally:

node src/index.js

To release a new version:

npm version minor -m "Release %s"
git push origin master
git push --tags
npm publish

Dependencies: dependency Status devDependency Status