wwqrd / d3-workshop

An introduction to D3.js data driven documents.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Introduction

This is an internal workshop I delivered as an introduction to D3.js

Getting started

The workshop consists of a walkthrough in presentation format, and some templates in which to build your code.

The finished product is included in the Examples/ folder.

Opening the presentation

The presentation can be found at Presentation/index.html, just open it in your web browser

Working through the walkthrough

Your browser may not allow access to the local dataset file if opened directly, so you will need to run a local webserver.

# Using the http-server npm
$ npm install -g http-server
$ http-server Templates -p 3000

You should then be able to view the tutorial files in your web-browser at:

http://localhost:3000/

Data

The data is sourced from http://www.kaggle.com/, specifically this competition: http://www.kaggle.com/c/titanic-gettingStarted. It is shared here under the understanding that it is under the public domain.

About

An introduction to D3.js data driven documents.


Languages

Language:CSS 47.9%Language:JavaScript 41.3%Language:HTML 9.7%Language:GLSL 1.0%Language:PHP 0.1%Language:Shell 0.0%