Free Sample
+ Collection

Mastering D3.js

Pablo Navarro Castillo

Bring your data to life by creating and deploying complex data visualizations with D3.js
RRP $32.99
RRP $54.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781783286270
Paperback352 pages

About This Book

  • Create custom charts as reusable components to be integrated with existing projects
  • Design data-driven applications with several charts interacting between them
  • Create an analytics dashboard to display real-time data using Node and D3 with real world examples

Who This Book Is For

If you are a software developer working with data visualizations and want to build complex data visualizations, this book is for you. Basic knowledge of D3 framework is expected. With real-world examples, you will learn how to structure your applications to create enterprise-level charts and interactive dashboards.

Table of Contents

Chapter 1: Data Visualization
Defining data visualization
Introducing the D3 library
Chapter 2: Reusable Charts
Creating reusable charts
Using the barcode chart
Creating a layout algorithm
Chapter 3: Creating Visualizations without SVG
SVG support in the browser market
Visualizations without SVG
Using canvas and D3
Chapter 4: Creating a Color Picker with D3
Creating a slider control
Creating a color picker
Chapter 5: Creating User Interface Elements
Highlighting chart elements
Creating tooltips
Selecting a range with brushing
Chapter 6: Interaction between Charts
Learning the basics of Backbone
The stock explorer application
Chapter 7: Creating a Charting Package
The development workflow
Creating the package contents
The project setup
Using the package in other projects
Chapter 8: Data-driven Applications
Creating the application
Hosting the visualization with GitHub Pages
Hosting the visualization in Amazon S3
Chapter 9: Creating a Dashboard
Defining a dashboard
Good practices in dashboard design
Making a dashboard
Chapter 10: Creating Maps
Obtaining geographic data
Creating maps with D3
Chapter 11: Creating Advanced Maps
Using cartographic projections
Creating a rotating globe
Creating an interactive star map
Projecting raster images with D3
Chapter 12: Creating a Real-time Application
Collaborating in real time with Firebase
Creating a Twitter explorer application
Creating the streaming server
Creating the client application

What You Will Learn

  • Create reusable chart components that can be used in other projects
  • Build charts for browsers without SVG support by using polyfills
  • Integrate D3 and Backbone to create interactive single-page applications
  • Write, test, and distribute a D3-based charting package
  • Create custom maps and integrate D3 with third-party mapping libraries
  • Make a real-time application with Node and D3

In Detail

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 dashboards to display real-time data.


Read More