Free Sample
+ Collection

Data Visualization with d3.js

Swizec Teller

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.
RRP $17.99
RRP $29.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781782160007
Paperback194 pages

About This Book

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

Who This Book Is For

This book is ideal for anyone interested in data visualization. Some rudimentary knowledge of JavaScript is required.

Table of Contents

Chapter 1: Getting Started with d3.js
What is d3.js?
Setting up a play environment
A simple histogram
Chapter 2: A Primer on DOM, SVG, and CSS
Chapter 3: Making Data Useful
Thinking about data functionally
Loading data
Chapter 4: Making Things Move
Animating with transitions
Interacting with the user
Chapter 5: Layouts – d3's Black Magic
What are layouts and why should you care
Chapter 6: Designing Good Visualizations
What is a visualization?
Some great examples

What You Will Learn

  • Draw with SVG shapes and path generators
  • Add styles with HTML and CSS
  • Use data structures effectively
  • Dynamically update visualizations as data changes
  • Animate visualizations
  • Let the user explore your data
  • Use layouts to create complex drawings
  • Learn to identify what makes a good visualization good

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.


Read More