O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Data Visualization with d3.js

Book Description

Inject new life into your data with this mini-guide that takes you through all the essentials of data visualization using d3.js. With a basic knowledge of JavaScript and this tutorial, you’re all set to create great visualizations.

  • Build blocks of web visualizations
  • Learn visualization with detailed walkthroughs
  • Learn to use data more effectively
  • Animate with d3.js
  • Design good visualizations

In Detail

d3.js. provides a platform that help you create your own beautiful & visualization and bring data to life using HTML, SVG and CSS. It emphasis on web standards that will fully utilize the capabilities of your web browser.

Data Visualization with d3.js walks you through 20 examples in great detail. You can finally stop struggling to piece together examples you've found online. With this book in hand, you will learn enough of the core concepts to conceive of and build your own visualizations from scratch.

The book begins with the basics of putting lines on the screen, and builds on this foundation all the way to creating interactive animated visualizations using d3.js layouts.

You will learn how to use d3.js to manipulate vector graphics with SVG, layout with HTML, and styling with CSS. You'll take a look at the basics of functional programming and using data structures effectively – everything from handling time to doing geographic projections. The book will also help make your visualizations interactive and teach you how automated layouts really work.

Data Visualization with d3.js will unveil the mystery behind all those beautiful examples you've been admiring.

Downloading the example code for this book. You can download the example code files for all Packt books you have purchased from your account at http://www.PacktPub.com. If you purchased this book elsewhere, you can visit http://www.PacktPub.com/support and register to have the code file.

Table of Contents

  1. Data Visualization with d3.js
    1. Table of Contents
    2. Data Visualization with d3.js
    3. Credits
    4. About the Author
    5. About the Reviewers
    6. www.PacktPub.com
      1. Support files, eBooks, discount offers and more
      2. Why Subscribe?
      3. Free Access for Packt account holders
    7. Preface
      1. What this book covers
      2. What you need for this book
      3. Who this book is for
      4. Conventions
      5. Reader feedback
      6. Customer support
        1. Downloading the example code
        2. Downloading the color images of this book
        3. Errata
        4. Piracy
        5. Questions
    8. 1. Getting Started with d3.js
      1. What is d3.js?
      2. Setting up a play environment
        1. A quick Chrome Developer Tools primer
      3. A simple histogram
      4. Summary
    9. 2. A Primer on DOM, SVG, and CSS
      1. DOM
        1. Manipulating the DOM with d3.js
        2. Selections
          1. Selections example
        3. Manipulating content
        4. Joining data to selections
        5. An HTML visualization example
      2. SVG
        1. Drawing with SVG
          1. Manually adding elements and shapes
            1. Text
            2. Shapes
          2. Transformations
          3. Using paths
            1. Line
            2. Area
            3. Arc
            4. Symbol
            5. Chord
            6. Diagonal
            7. Axes
      3. CSS
        1. Colors
      4. Summary
    10. 3. Making Data Useful
      1. Thinking about data functionally
        1. Built-in array functions
        2. Data functions of d3.js
      2. Loading data
        1. The core
        2. Convenience functions
      3. Scales
        1. Ordinal scales
        2. Quantitative scales
          1. Continuous range scales
          2. Discrete range scales
      4. Time
        1. Formatting
        2. Time arithmetic
      5. Geography
        1. Getting geodata
        2. Drawing geographically
          1. Using geography as a base
      6. Summary
    11. 4. Making Things Move
      1. Animating with transitions
        1. Interpolators
        2. Easing
        3. Timers
      2. Interacting with the user
        1. Basic interaction
        2. Behaviors
          1. Drag
          2. Zoom
          3. Brushes
      3. Summary
    12. 5. Layouts – d3's Black Magic
      1. What are layouts and why should you care
        1. Built-in layouts
          1. The dataset
          2. Using the histogram layout
          3. Delicious pie
          4. Showing popularity through time with stack
          5. Highlighting friends with chord
          6. Drawing with force
          7. Hierarchical layouts
          8. Drawing a tree
          9. Showing clusters
          10. Partitioning a pie
          11. Packing circles into circles
          12. Subdividing with treemap
      2. Summary
    13. 6. Designing Good Visualizations
      1. What is a visualization?
      2. Some great examples
        1. Riot arrests
        2. Les Misérables Co-occurrence
        3. The Wealth & Health of Nations
        4. More great stuff
      3. Summary
    14. Index