https://github.com/thibaudcolas/testdrived3

:car::chart_with_upwards_trend: An intro to D3 via a set of self-guided workshops
https://github.com/thibaudcolas/testdrived3

d3 nodeschool workshopper

Last synced: about 1 month ago
JSON representation

:car::chart_with_upwards_trend: An intro to D3 via a set of self-guided workshops

• Host: GitHub
• URL: https://github.com/thibaudcolas/testdrived3
• Owner: thibaudcolas
• License: isc
• Created: 2015-09-22T10:46:50.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-10-23T14:16:37.000Z (over 8 years ago)
• Last Synced: 2025-05-05T20:13:11.101Z (about 1 month ago)
• Topics: d3, nodeschool, workshopper
• Language: JavaScript
• Homepage:
• Size: 130 KB
• Stars: 6
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Test-drive D3 for much win! [![npm](https://img.shields.io/npm/v/testdrived3.svg?style=flat-square)](https://www.npmjs.com/package/testdrived3) [![Build Status](https://img.shields.io/travis/thibaudcolas/testdrived3.svg?style=flat-square)](https://travis-ci.org/thibaudcolas/testdrived3)

==========

__testdrived3__ is an intro to [D3](http://d3js.org/) via a set of self-guided workshops. It is based on the great [Let's Make a Bar Chart](http://bost.ocks.org/mike/bar/) tutorials from D3's creator, Mike Bostock.

![menu screenshot](doc/menu-screenshot.png)

1. Install [Node.js](http://nodejs.org/)

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](doc/first-chart.png)

To:

TODO

![Last chart](doc/last-chart.png)

## 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:

```sh

git clone [email protected]: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:

```sh

node src/index.js

```

To release a new version:

```sh

npm version minor -m "Release %s"

git push origin master

git push --tags

npm publish

```

> Dependencies: [![dependency Status](https://img.shields.io/david/thibaudcolas/testdrived3.svg?style=flat-square)](https://david-dm.org/thibaudcolas/testdrived3) [![devDependency Status](https://img.shields.io/david/dev/thibaudcolas/testdrived3.svg?style=flat-square)](https://david-dm.org/thibaudcolas/testdrived3)