The Fifth Elephant 2012

• D3.js is a JavaScript library for manipulating documents based on data.
• D3 brings data to life using HTML, JavaScript, SVG and CSS.
• This is a 2 hour workshop on intro to D3.js.
• Workshop aims at live-coding intro session, starting from the scratch, building one or more simple charts using Google Chrome Developer Tools using D3.js for creating an excellent visualization with raw sample data.

Outline

This workshop includes:

• Basics of D3.js
• Develop Charts iteratively with live-coding in D3.js using Google Chrome.
• Apply few interesting transition animations to the Chart.
• Discussion

Requirements

• Laptop with Google Chrome v15 [and above] installed.
• Python v3.x installed. We will be using Python’s SimpleHTTPServer as the server. No prior Python experience is required.
• Download the latest version of D3.js from https://github.com/mbostock/d3/zipball/master.
• Also, some exposure and basic understanding of JavaScript, SVG and HTML DOM manipulation will be very much helpful.

Speaker bio

Prashanth Babu has 9+ years of experience in software development predominantly in Java and JavaEE. He is working with NTT DATA Global Delivery Services (previously Keane India Pvt. Ltd.). At NTT DATA, he is working on an R & D initiative on Big Data using Apache Hadoop Ecosystem. Also, an avid Android enthusiast with experience in Android App Development.

http://gplus.to/Prashanth

Links

• http://twitter.com/P7h
• http://in.linkedin.com/in/prashbabu
• http://d3js.org
• https://github.com/mbostock/d3/zipball/master
• https://github.com/mbostock/d3/wiki/Tutorials
• https://github.com/mbostock/d3/wiki/Gallery