Code examples for the book Mastering D3.js, published in August 2014 by Packt Publishing.
This is a practical guide with real-world examples that will help you to create custom charts, and integrate them with third-party libraries to create rich, engaging data-driven applications. Starting with the reusable chart pattern, we will take you through designing and creating complex, real-time data visualizations.
You will learn how to create reusable D3-based charts and integrate them into data visualization projects. You will get to know how to create and distribute a custom charting package. You will get acquainted with how to integrate D3 with mapping libraries to provide reverse geocoding and interactive maps. This book culminates by showing you how to create enterprise-level das hboards to display real-time data.
The book is available in paperback and as DRM-free ebook (mobi, epub and PDF versions) at Packt Publishing, Amazon, Barnes and Noble and O'Reilly.
The files are distributed in two versions, ready to use HTML files and the original source code, written in Jekyll.
The code can also be downloaded using git:
$ git clone https://github.com/pnavarrc/mastering-d3.git
Download the HTML version of the code bundle and unzip the contents. From the project directory, serve the contents using a static server. Using Python, the files can be served by running:
$ python -m SimpleHTTPServer
And opening the web browser at http://localhost:8000/. With node, the project files can be served by running the command:
$ http-server
and opening the browser at http://localhost:8080/. The port number may be different across systems, but the address is displayed in the console after running the command.
Install Jekyll and the rdiscount package:
$ [sudo] gem install jekyll rdiscount
From the project directory, run the following command:
$ jekyll serve --baseurl=
and then open the browser at http://localhost:4000. The port number can be different, but it will be displayed in the console after running the command.