nompumelelo7/d3

Instructions

This repository has branches for each of the videos in the course. You can use the branch pop up menu in github to switch to a specific branch and take a look at the course at that stage. Or you can simply add /tree/BRANCH_NAME to the URL to go to the branch you want to peek at.

1. Make sure you have these installed
   • node.js
   • git
   • gulp
2. Clone this repository into your local machine using the terminal (mac) or Gitbash (PC) > git clone https://github.com/planetoftheweb/d3.git
3. CD to the folder cd d3
4. Run > npm install to install the project dependencies

For more help setting up a comprehensive Gulp.js workflow, check out Web Project Workflows with Gulp.js, Git, and Browserify.

http://www.raybo.org/d3/#?d=01_02_Basic_Selection&

Slides

There are some slides associated with this course.

• What is d3
• Basic Selection
• Controlling HTML in Selections
• Modifying AttributesCSS
• Binding data to the DOM
• Queuing Selections with Enter
• Drawing with SVG
• Understanding SVG Primitives
• Drawing SVG graphics with D3
• Creating a simple barchart
• LinearScale
• Ordinal Scales
• Events
• Transitions
• Adding Data
• Meaninful Guides
• Time Based Guides

More Stuff

If you want to see some of my other courses, then check out raybo.org. Get in touch with me at LinkedIn or follow me on twitter.