The Fifth Elephant 2012

Finding the elephant in the data.

Prashanth Babu


An introduction to Data Analysis and Visualisation using D3.js

Submitted Jun 10, 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.


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


  • 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
  • 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.


{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

All about data science and machine learning