Data Visualization with D3.js Cookbook
eBook - ePub

Data Visualization with D3.js Cookbook

  1. 338 pages
  2. English
  3. ePUB (mobile friendly)
  4. Available on iOS & Android
eBook - ePub

Data Visualization with D3.js Cookbook

Book details
Book preview
Table of contents
Citations

About This Book

In Detail

D3.js is a JavaScript library designed to display digital data in dynamic graphical form. It helps you bring data to life using HTML, SVG, and CSS. D3 allows great control over the final visual result, and it is the hottest and most powerful web-based data visualization technology on the market today.

"Data Visualization with D3.js Cookbook" is packed with practical recipes to help you learn every aspect of data visualization with D3.

"Data Visualization with D3.js Cookbook" is designed to provide you with all the guidance you need to get to grips with data visualization with D3. With this book, you will create breathtaking data visualization with professional efficiency and precision with the help of practical recipes, illustrations, and code samples.

"Data Visualization with D3.js Cookbook" starts off by touching upon data visualization and D3 basics before gradually taking you through a number of practical recipes covering a wide range of topics you need to know about D3.

You will learn the fundamental concepts of data visualization, functional JavaScript, and D3 fundamentals including element selection, data binding, animation, and SVG generation. You will also learn how to leverage more advanced techniques such as custom interpolators, custom tweening, timers, the layout manager, force manipulation, and so on. This book also provides a number of pre-built chart recipes with ready-to-go sample code to help you bootstrap quickly.

Approach

Packed with practical recipes, this is a step-by-step guide to learning data visualization with D3 with the help of detailed illustrations and code samples.

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 also serve as a desktop quick-reference guide for experienced data visualization developers.

Frequently asked questions

Simply head over to the account section in settings and click on “Cancel Subscription” - it’s as simple as that. After you cancel, your membership will stay active for the remainder of the time you’ve paid for. Learn more here.
At the moment all of our mobile-responsive ePub books are available to download via the app. Most of our PDFs are also available to download and we're working on making the final remaining ones downloadable now. Learn more here.
Both plans give you full access to the library and all of Perlego’s features. The only differences are the price and subscription period: With the annual plan you’ll save around 30% compared to 12 months on the monthly plan.
We are an online textbook subscription service, where you can get access to an entire online library for less than the price of a single book per month. With over 1 million books across 1000+ topics, we’ve got you covered! Learn more here.
Look out for the read-aloud symbol on your next book to see if you can listen to it. The read-aloud tool reads text aloud for you, highlighting the text as it is being read. You can pause it, speed it up and slow it down. Learn more here.
Yes, you can access Data Visualization with D3.js Cookbook by Nick Qi Zhu in PDF and/or ePUB format, as well as other popular books in Computer Science & Open Source Programming. We have over one million books available in our catalogue for you to explore.

Information

Year
2013
ISBN
9781782162162
Edition
1

Data Visualization with D3.js Cookbook


Table of Contents

Data Visualization with D3.js Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Support files, eBooks, discount offers and more
Why Subscribe?
Free Access for Packt account holders
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Downloading the example code
Errata
Piracy
Questions
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
Getting Ready
How to do it...
How it works...
There's more...
Setup a local HTTP server
Python Simple HTTP Server
Node.js HTTP Server
Understanding D3-style JavaScript
Getting ready
How to do it...
How it works...
Functions are objects
Static variable scoping
Variable-parameter function
Function chaining
There's more...
Finding and sharing code
How to get help
2. Be Selective
Introduction
Selecting a single element
Getting ready
How to do it...
How it works...
Selecting multiple elements
Getting ready
How to do it...
How it works...
Iterating through a selection
Getting ready
How to do it...
How it works...
Performing subselection
Getting ready
How to do it...
How it works...
Function chaining
Getting ready
How to do it...
How it works...
Manipulating the raw selection
Getting ready
How to do it...
How it works...
3. Dealing with Data
Introduction
The enter-update-exit pattern
Binding an array as data
Getting Ready
How to do it...
How it works...
Binding object literals as data
Getting Ready
How to do it...
How it works...
Binding functions as data
Getting Ready
How to do it...
How it works...
Working with arrays
Getting Ready
How to do it...
How it works...
Filtering with data
Getting Ready
How to do it...
How it works...
Sorting with data
Getting Ready
How to do it...
How it works...
Loading data from a server
Getting Ready
How to do it...
How it works...
4. Tipping the Scales
Introduction
What are scales?
Using quantitative scales
Getting Ready
How to do it...
How it works...
There's more...
Using the time scale
Getting Ready
How to do it...
How it works...
There's more...
See also
Using the ordinal scale
Getting Ready
How to do it...
How it works...
Interpolating a string
Interpolator
Getting Ready
How to do it...
How it works...
There's more...
Interpolating colors
Getting Ready
How to do it...
How it works...
See also
Interpolating compound objects
Getting Ready
How to do it...
How it works...
Implementing a custom interpolator
Getting Ready
How to do it...
How it works...
See also
5. Playing with Axes
Introduction
Working with basic axes
Getting Ready
How to do it...
How it works...
Customizing ticks
Getting Ready
How to do it...
How it works...
Drawing grid lines
Getting Ready
How to do it...
How it works...
Dynamic rescaling of axes
Getting Ready
How to do it...
How it works...
6. Transition with Style
Introduction
What is Transition?
Animating a single element
Getting Ready
How to do it...
How it works...
Animating multiple elements
Getting Ready
How to do it...
How it works...
Using ease
Getting Ready
How to do it...
How it works...
Using tweening
Getting Ready
How to do it...
How it works...
There's more...
Using transition chaining
Getting Ready
How to do it...
How it works...
Using transition filter
Getting Ready
How to do it...
How it works...
See also
Listening to transitional events
Getting Ready
How to do it...
How it works...
Implementing a custom interpolator
Getting Ready
How to do it...
How it works...
Working with timer
Getting Ready
How to do it...
How it works...
See also
7. Getting into Shape
Introduction
What is SVG?
Vector
Scalability
Creating simple shapes
Getting Ready
How to do it...
How it works...
There's more...
D3 SVG shape generators
See also
Using a line generator
Getting Ready
How to do it...
How it works...
See also
Using line interpolation
Getting Ready
How to do it...
How it works...
Changing line tension
Getting Ready
How to do it...
How it works...
Using an area generator
Getting Ready
How to do it...
How it works...
Using area interpolation
Getting Ready
How to do it...
How it works...
There's more...
See also
Using an arc generator
Getting Ready
How to do it...
How it works...
Implementing arc transition
Getting Ready
How to do it...
How it works...
There's more...
See also
8. Chart Them Up
Introduction
Creating a line chart
Getting ready
How to do it...
How it works...
Creating an area chart
Getting ready
How to do it...
How it works...
Creating a scatter plot chart
Getting ready
How to do it...
How it works...
Creating a bubble chart
Getting ready
How to do it...
How it works...
Creating a bar chart
Getting ready
How to do it...
How it works...
See also
9. Lay Them Out
Introduction
Building a pie chart
Getting ready
How to do it...
How it works...
There's more...
See also
Building a stacked area chart
Getting ready
How to do it...
How it works...
There's more...
Expanded area chart
Streamgraph
See also
Building a treemap
G...

Table of contents

  1. Data Visualization with D3.js Cookbook