Data visualization with D3 4.x cookbook : discover over 65 recipes to help you create breathtaking data visualizations using the latest features of D3 / Nick Zhu.

Format:

Book

Author/Creator:

Zhu, Nick, author.

Language:

English

Subjects (All):

Information visualization.

Information visualization--Data processing.

Physical Description:

1 online resource (370 pages) : illustrations

Edition:

Second edition.

Place of Publication:

Birmingham, England ; Mumbai, [India] : Packt Publishing, 2017.

System Details:

text file

Biography/History:

Zhu Nick: Nick Zhu is a professional programmer and data engineer with more than a decade experience in software development, big data, and machine learning. Currently, he is one of the founders and CTO of Yroo. com - meta search engine for online shopping. He is also the creator of dc. jsa popular multidimensional charting library built on D3.

Summary:

Discover over 65 recipes to help you create breathtaking data visualizations using the latest features of D3 About This Book Learn about D3 4.0 from the inside out and master its new features Utilize D3 packages to generate graphs, manipulate data, and create beautiful presentations Solve real-world visualization problems with the help of practical recipes Who This Book Is For If you are a developer familiar with HTML, CSS, and JavaScript, and you wish to get the most out of D3, then this book is for you. This book can serve as a desktop quick-reference guide for experienced data visualization developers. You'll also find this book useful if you're a D3 user who wants to take advantage of the new features introduced in D3 4.0. You should have previous experience with D3. What You Will Learn Get a solid understanding of the D3 fundamentals and idioms Use D3 to load, manipulate, and map data to any kind of visual representation on the web Create data-driven dynamic visualizations that update as the data does Leverage the various modules provided by D3 to create sophisticated, dynamic, and interactive charts and graphics Create data-driven transitions and animations within your visualizations Understand and leverage more advanced concepts such as force, touch, and Geo data visualizations In Detail This book gives you all the guidance you need to start creating modern data visualizations with D3 4.x that take advantage of the latest capabilities of JavaScript. The book starts with the basic D3 structure and building blocks and quickly moves on to writing idiomatic D3-style JavaScript code. You will learn how to work with selection to target certain visual elements on the page, then you will see techniques to represent data both in programming constructs and its visual metaphor. You will learn how map values in your data domain to the visual domain using scales, and use the various shape functions supported by D3 to create SVG shapes in visualizations. Moving on, you'll see how to use and customize various D3 axes and master transition to add bells and whistles to otherwise dry visualizations. You'll also learn to work with charts, hierarchy, graphs, and build interactive visualizations. Next you'll work with Force, which is one of the most awe-inspiring techniques you can add to your visualizations, and you'll implement a fully functional Choropleth map (a special purpose colored map) in D3. Finally, you'll learn to unit test data visualization co...

Contents:

Cover

Copyright

Credits

About the Author

About the Reviewer

www.PacktPub.com

Customer Feedback

Table of Contents

Preface

Chapter 1: Getting Started with D3.js

Introduction

Setting up a simple D3 development environment

Getting ready

How to do it…

How it works…

There's more…

How to get source code

Setting up an NPM-based development environment

Setting up a local HTTP server

Python Simple HTTP server

Node.js HTTP server

Understanding D3-style JavaScript

Functions are objects

Static variable scoping

Getter-setter function

Function chaining

Finding and sharing code

How to get help

Chapter 2: Be Selective

Introducing selection

CSS3 selector basics

Selecting a single element

Selecting multiple elements

Iterating through a selection

Performing subselection

Manipulating the raw selection

Chapter 3: Dealing with Data

The enter-update-exit pattern

Binding an array as data

Binding object literals as data

Binding functions as data

Working with arrays

Filtering with data

Sorting with data.

Getting ready

Loading data from a server

Asynchronous data loading using queue

Chapter 4: Tipping the Scales

What are scales?

Using continuous scales

Linear scale

Power scale

Log scale

Using the time scale

See also

Using the ordinal scale

Interpolating a string

Interpolator

Interpolating colors

Interpolating compound objects

Chapter 5: Playing with Axes

Working with basic axes

Customizing ticks

Drawing grid lines

Dynamic rescaling of axes

Chapter 6: Transition with Style

What is Transition?

Animating a single element

Animating multiple elements

Using ease

Getting Ready

Using tweening

Using transition chaining

Using transition filter

Listening to transitional events

How it works….

Working with timer

Chapter 7: Getting into Shape

What is SVG?

Vector

Scalability

Creating simple shapes

D3 SVG shape generators

Using a line generator

Using line curve

See Also

Changing line tension

Using an area generator

Using area curve

Using an arc generator

Implementing arc transition

Chapter 8: Chart Them Up

D3 chart convention

Creating a line chart

Chart object and attributes

Chart body frame rendering

Render axes

Render data series

Creating an area chart

Creating a scatterplot chart

Creating a bubble chart

Creating a bar chart

Chapter 9: Lay Them Out

Building a pie chart

Building a stacked area chart

Expanded area chart

Streamgraph

Building a treemap

See also.

Building a tree

Building an enclosure diagram

Chapter 10: Interacting with Your Visualization

Interacting with mouse events

Interacting with a multi-touch device

Implementing zoom and pan behavior

Implementing drag behavior

Chapter 11: Using Force

Using gravity and charge

Alpha decay

Velocity decay

Charge

Positioning

Collision

Setting up zero force layout

Setting up mutual repulsion

Setting up gravity

Setting up positioning with gravity

Setting up positioning with repulsion

Customizing velocity

Setting the link constraint

Using force to assist visualization

Manipulating force

Building a force-directed graph

Chapter 12: Knowing Your Map

Projecting the US map

GeoJSON

TopoJSON

Projecting the world map

Building a choropleth map

Chapter 13: Test Drive Your Visualization

Introduction to unit testing

Getting Jasmine and setting up the test environment

Test driving your visualization - chart creation

Test driving your visualization - SVG rendering

Test driving your visualization - pixel-perfect bar rendering

Appendix

The crossfilter.js library

Dimensional charting - dc.js

Index.

Notes:

Includes index.

Description based on online resource; title from PDF title page (ebrary, viewed March 15, 2017).

ISBN:

1-78646-996-0

OCLC:

983202655