Skip to Content
Visual Storytelling with D3: An Introduction to Data Visualization in JavaScript™
book

Visual Storytelling with D3: An Introduction to Data Visualization in JavaScript™

by Ritchie S. King
August 2014
Beginner to intermediate
288 pages
8h 36m
English
Addison-Wesley Professional

Overview

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.

    Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
    and much more.

    Read now

    Unlock full access

    More than 5,000 organizations count on O’Reilly

    AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

    QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
    Julian F.
    Head of Cybersecurity
    QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
    Addison B.
    Field Engineer
    QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
    Amir M.
    Data Platform Tech Lead
    QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
    Mark W.
    Embedded Software Engineer

    You might also like

    D3 Visualization LiveLessons (Video Training): An Introduction to Data Visualization in JavaScript

    D3 Visualization LiveLessons (Video Training): An Introduction to Data Visualization in JavaScript

    Ritchie S. King
    Hands-On Data Visualization

    Hands-On Data Visualization

    Jack Dougherty, Ilya Ilyankou

    Publisher Resources

    ISBN: 9780133439649Purchase book