text.skipToContent text.skipToNavigation
  1. Home
  2. Computer Science & IT
  3. Visual Storytelling with D3: An Introduction to Data Visualization in JavaScript

Visual Storytelling with D3: An Introduction to Data Visualization in JavaScript, 1st edition

  • Ritchie S. King

Published by Addison-Wesley Professional (August 27th 2014) - Copyright © 2015

1st edition

Chosen format
View all
Visual Storytelling with D3: An Introduction to Data Visualization in JavaScript

ISBN-13: 9780321933171

Includes: Paperback
Free delivery

What's included

  • Paperback

    You'll get a bound printed text.


  • The perfect resource for technical, design, and media professionals who want to build the world-class infographics that are in incredibly hot demand
  • Brings together expert coverage of both infographic design and D3 JavaScript programming
  • Illuminates D3's remarkably broad capabilities, from shape drawing and manipulation to transitions, animations, and mapping
  • No other resource covers D3 in this much practical detail!

Table of contents

Foreword         xi

Preface         xiii

Acknowledgments         xvii

About the Author          xix


Chapter 1: Visual Storytelling and D3         1

Visualization, Visualized   1

Charts Give Data a Form–That Form Tells a Story   2

Quality: It Is All about Content   5

Design: It Is All about Form   6

Visual Storytelling   7

Enter D3   7

Things You Designers Will Love about D3   8

Things You Coders Will Love about D3   8

Things for Which You Should Not Use D3   9

Notes on Using D3   9

Tools You Will Need   10

Summary   10


Chapter 2: Finding a Data-Driven Story and Telling It Visually          11

Getting Started   11

Is the World Getting Older?   12

Finding and Inspecting Data   13

Honing the Concept   15

Choosing a Form   17

The Example We Will Build in This Book   27

Summary   29


Chapter 3: Scalable Vector Graphics            31

Peeking under the Hood   31

What Is SVG, Exactly?   31

Playing with Circles in SVG   32

Inspecting SVG in the Web Inspector   34

Styling SVG Elements with CSS   35

Other Shapes 37 

SVG Text   41

SVG Style Properties   44

Drawing Order and Groups   47

Transformations   49

Building a Bar Chart in SVG   51

Summary   64


Chapter 4: Shaping Web Pages with D3 Selections          65

Getting Set Up with D3   65

Making Selections   66

Changing a Selection’s Attributes   70

D3 Strives to be Declarative   74

Chaining Methods   74

Appending New Elements   77

Putting It All Together   79

Selecting Multiple Elements with d3.selectAll()   80

Building a Bar Chart with Selections   81

Summary   103


Chapter 5: Data-Joins: Enter        &n

For teachers

All the material you need to teach your courses.

Discover teaching material