Visual Storytelling with D3 An Introduction to Data Visualization in JavaScript

  • ISBN13:


  • ISBN10:


  • Edition: 1st
  • Format: Paperback
  • Copyright: 8/27/2014
  • Publisher: Addison-Wesley Professional
  • Purchase Benefits
  • Free Shipping On Orders Over $59!
    Your order must be $59 or more to qualify for free economy shipping. Bulk sales, PO's, Marketplace items, eBooks and apparel do not qualify for this offer.
  • Get Rewarded for Ordering Your Textbooks! Enroll Now
List Price: $39.99 Save up to $6.00
  • Buy New


Supplemental Materials

What is included with this book?

  • The New copy of this book will include any supplemental materials advertised. Please check the title of the book to determine if it should include any access cards, study guides, lab manuals, CDs, etc.
  • The eBook copy of this book is not guaranteed to include any supplemental materials. Typically, only the book itself is included. This is true even if the title states it includes any access cards, study guides, lab manuals, CDs, etc.


Master D3, Today’s Most Powerful Tool for Visualizing Data on the Web


Data-driven graphics are everywhere these days, from websites and mobile apps to interactive journalism and high-end presentations. Using D3, you can create graphics that are visually stunning and powerfully effective. Visual Storytelling with D3 is a hands-on, full-color tutorial that teaches you to design charts and data visualizations to tell your story quickly and intuitively, and that shows you how to wield the powerful D3 JavaScript library.


Drawing on his extensive experience as a professional graphic artist, writer, and programmer, Ritchie S. King walks you through a complete sample project—from conception through data selection and design. Step by step, you’ll build your skills, mastering increasingly sophisticated graphical forms and techniques. If you know a little HTML and CSS, you have all the technical background you’ll need to master D3.


This tutorial is for web designers creating graphics-driven sites, services, tools, or dashboards; online journalists who want to visualize their content; researchers seeking to communicate their results more intuitively; marketers aiming to deepen their connections with customers; and for any data visualization enthusiast.


Coverage includes

  • Identifying a data-driven story and telling it visually
  • Creating and manipulating beautiful graphical elements with SVG
  • Shaping web pages with D3
  • Structuring data so D3 can easily visualize it
  • Using D3’s data joins to connect your data to the graphical elements on a web page
  • Sizing and scaling charts, and adding axes to them
  • Loading and filtering data from external standalone datasets
  • Animating your charts with D3’s transitions
  • Adding interactivity to visualizations, including a play button that cycles through different views of your data
  • Finding D3 resources and getting involved in the thriving online D3 community


About the Website

All of this book’s examples are available at ritchiesking.com/book, along with video tutorials, updates, supporting material, and even more examples, as they become available.


Author Biography

Ritchie S. King, a reporter and visual storyteller at Quartz, specializes in infographics and interactive features. He previously served as a chemical engineer at a startup that was trying to turn wood chips and switchgrass into fuel; though he left engineering to become a journalist, he still loves math and data. His writing and infographics have appeared in The New York Times, Bloomberg Businessweek, Popular Science, and IEEE Spectrum.

Table of Contents

Preface: How to Use This Book
Part I: Introduction
1. Visual Storytelling
2. An Introduction to D3
Part II: Visual Storytelling
3. Finding a Data Story
4. Choosing the Right Form
Part III: Building the Visual Story: The Basics
5. Creating the Layout in HTML and CSS
6. Making the World-level Bar Chart in SVG
7. Javascript and D3 Basics
8. Making the World-Level Bar Chart in D3
9. Using Scales and Axes
10. Loading in External Data
Part IV: Advanced Methods in D3
11. Interactivity and Transitions
12. Bringing it All Together – Making the Parallel Coordinates Chart for All the Countries
13. Mapping – Building a Chloropleth Map
Appendix: Striking Out on Your Own


Rewards Program

Write a Review