Data Visualization with d3.js
|Also available on:|
- Build blocks of web visualizations
- Learn visualization with detailed walkthroughs
- Learn to use data more effectively
- Animate with d3.js
- Design good visualizations
Book DetailsLanguage : English
Paperback : 194 pages [ 235mm x 191mm ]
Release Date : October 2013
ISBN : 1782160000
ISBN 13 : 9781782160007
Author(s) : Swizec Teller
Topics and Technologies : All Books, Data, Web Development, Java, Open Source
Table of ContentsPreface
Chapter 1: Getting Started with d3.js
Chapter 2: A Primer on DOM, SVG, and CSS
Chapter 3: Making Data Useful
Chapter 4: Making Things Move
Chapter 5: Layouts – d3's Black Magic
Chapter 6: Designing Good Visualizations
- Chapter 1: Getting Started with d3.js
- What is d3.js?
- Setting up a play environment
- A quick Chrome Developer Tools primer
- A simple histogram
- Chapter 2: A Primer on DOM, SVG, and CSS
- Manipulating the DOM with d3.js
- Selections example
- Manipulating content
- Joining data to selections
- An HTML visualization example
- Drawing with SVG
- Manually adding elements and shapes
- Using paths
- Chapter 3: Making Data Useful
- Thinking about data functionally
- Built-in array functions
- Data functions of d3.js
- Loading data
- The core
- Convenience functions
- Ordinal scales
- Quantitative scales
- Continuous range scales
- Discrete range scales
- Time arithmetic
- Getting geodata
- Drawing geographically
- Using geography as a base
- Chapter 4: Making Things Move
- Animating with transitions
- Interacting with the user
- Basic interaction
- Chapter 5: Layouts – d3's Black Magic
- What are layouts and why should you care
- Built-in layouts
- The dataset
- Using the histogram layout
- Delicious pie
- Showing popularity through time with stack
- Highlighting friends with chord
- Drawing with force
- Hierarchical layouts
- Drawing a tree
- Showing clusters
- Partitioning a pie
- Packing circles into circles
- Subdividing with treemap
- Chapter 6: Designing Good Visualizations
- What is a visualization?
- Some great examples
- Riot arrests
- Les Misérables Co-occurrence
- The Wealth & Health of Nations
- More great stuff
Download the code and support files for this book.
Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.
Errata- 4 submitted: last submission 11 Feb 2014
Errata Type: Typo | Page No: 12
Similarly, the y scale is going to map a yet unknown linear domain to a range between height-pad and pad , that is, 880 and 20.
Similarly, the y scale is going to map a yet unknown linear domain to a range between height-pad and pad , that is, 280 and 20.
Errata Type: Technical | Page no:123
Errata Type: Technical | Page No: 43
The following line:
To create a rectangle, we might write something as follows
To create a triangle, we might write something as follows
Errata Type: Typo | Page No: 12
Switching quickly to the Elements tab, you'll notice a new HTML element with a width of 900 and a height of 100.
Switching quickly to the Elements tab, you'll notice a new HTML element with a width of 900 and a height of 300.
What you will learn from this book
- 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
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.
This book is a mini tutorial with plenty of code examples and strategies to give you many options when building your own visualizations.
Who this book is for