D3.js By Example

by Michael Heydt

Create attractive web-based data visualizations using the amazing JavaScript library D3.js

About This Book Learn to use the facilities provided by D3.js to create data-driven visualizations Explore the concepts of D3.js through examples that enable you to quickly create visualizations including charts, network diagrams, and maps Get practical examples of visualizations using real-world data sets that show you how to use D3.js to visualize and interact with information to glean its underlying meaning Who This Book Is For

Whether you are new to data and data visualization, a seasoned data scientist, or a computer graphics specialist, this book will provide you with the skills you need to create web-based and interactive data visualizations. This book assumes some knowledge of coding and in particular, experience coding in JavaScript.

What You Will Learn Install and use D3.js to create HTML elements within the document Use development tools such as JSBIN and Chrome Developer Tools to create D3.js applications Retrieve JSON data and use D3.js selections and data binding to create visual elements from data Create and style graphical elements such as circles, ellipses, rectangles, lines, paths, and text using SVG Turn your data into bar and scatter charts,and add margins, axes, labels, and legends Use D3.js generators to perform the magic of creating complex visualizations from data Add interactivity to your visualizations, including tool-tips, sorting, hover-to-highlight, and grouping and dragging of visuals In Detail

D3.js is a JavaScript library that manipulates documents that are based on data, for example, graphical forms. It allows you to make beautiful and interactive web browser based data visualizations. by providing facilities for data binding, automatic creation of visual elements, styling of visuals, user interactivity, and animation.

This book will take you through all the concepts of D3.js starting with the most basic ones and progressively building on them in each chapter to expand your knowledge of D3.js.

Starting with obtaining D3.js and creating simple data bindings to non-graphical HTML elements, you will then master the creation of graphical elements from data. You’ll discover how to combine those elements into simple visualizations such as bar, line, and scatter charts, as well as more elaborate visualizations such as network diagrams, Sankey diagrams, maps, and choreopleths.

Using practical examples provided, you will quickly get to grips with the features of D3.js and use this learning to create your own spectacular data visualizations with D3.js.

Genres: Technology

304 pages, Paperback

Published December 29, 2015

Reviews

[Samar Shaikh · Rating 2 out of 5]

Contains a good accumulation of examples with well versed explanation, but very fundamental in its approach and selection of content. It can be used as a starting point if you want to explore D3.js but even after reading this book, won't accept from yourself that you will be able to dive-in in a full-fledged project, you will need further studies from sources which are more up-to-date and have study material designed in a way to get the reader started on a industry level project while following all industry standards for working on a JavaScript framework. Not to forget that it is not well updated with new versions of D3.js.

[Adam Hegedus · Rating 3 out of 5]

After reading this I only get shallow knowledge without detailed, real world examples. The force layout section was good for introduction and the geo projections also, however not enough to use the book as reference. The angular js topic on the other hand is a big mess. That is not how you should work with angular so I do not recommend that section. The book is worth to read for any beginner, it teaches the generic things and shows the basic concept of d3js.

[Justin · Rating 4 out of 5]

While the examples are sometimes poorly explained the book goes into a good amount of detail on a wide variety of techniques. This is the best D3.js book I've seen thus far.

[Ahmed · Rating 5 out of 5]

Great read! Granted, grasping this book's concepts do require a fairly significant understanding of HTML/CSS/Javascript/jQuery -- but that should be expected as D3 is no cake-walk.

Nonetheless, this book is a great primer and the author's code base is very helpful.