Book Image

D3.js 4.x Data Visualization - Third Edition

By : Aendrew Rininsland, Swizec Teller
Book Image

D3.js 4.x Data Visualization - Third Edition

By: Aendrew Rininsland, Swizec Teller

Overview of this book

Want to get started with impressive interactive visualizations and implement them in your daily tasks? This book offers the perfect solution-D3.js. It has emerged as the most popular tool for data visualization. This book will teach you how to implement the features of the latest version of D3 while writing JavaScript using the newest tools and technique You will start by setting up the D3 environment and making your first basic bar chart. You will then build stunning SVG and Canvas-based data visualizations while writing testable, extensible code,as accurate and informative as it is visually stimulating. Step-by-step examples walk you through creating, integrating, and debugging different types of visualization and will have you building basic visualizations (such as bar, line, and scatter graphs) in no time. By the end of this book, you will have mastered the techniques necessary to successfully visualize data and will be ready to use D3 to transform any data into an engaging and sophisticated visualization.
Table of Contents (18 chapters)
Title Page
About the Authors
About the Author2
About the Reviewer
Customer Feedback
Shape Primitives of D3

Deploying to Heroku

A server app isn't very useful without a server.

Luckily, Heroku provides free plans for limited use and is super easy to deploy to. At the moment, they allow 550 (plus an additional 450 if you verify your account with a credit card) dyno hours distributed between all of your servers, with machines down cycling when they aren't active. In effect, this means that your server generally won't ever run out of uptime hours, provided it isn't being hit with traffic constantly.

Start by creating an account at and install the Heroku Toolbelt from Once you've done so, go to the root of your project folder and type the following:

$ heroku create

This will create a new Git remote and set up your app at a random URL like

Next, create a new file named Procfile. Heroku looks at this when you deploy to know how to run your app (otherwise it defaults to node start, but we use that to launch our Webpack...