Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Mastering D3.js
  • Table Of Contents Toc
Mastering D3.js

Mastering D3.js

By : Pablo NAVARRO CASTILLO
3.7 (7)
Buy this Book
close
close
Mastering D3.js

Mastering D3.js

3.7 (7)
By: Pablo NAVARRO CASTILLO
Buy this Book

Overview of this book

If you are a software developer working with data visualizations and want to build complex data visualizations, this book is for you. Basic knowledge of D3 framework is expected. With real-world examples, you will learn how to structure your applications to create enterprise-level charts and interactive dashboards.
Table of Contents (14 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Data Visualization
Icon
1. Data Visualization
Icon
Defining data visualization
Icon
Introducing the D3 library
Icon
Summary
2
2. Reusable Charts
Icon
2. Reusable Charts
Icon
Creating reusable charts
Icon
Using the barcode chart
Icon
Creating a layout algorithm
Icon
Summary
3
3. Creating Visualizations without SVG
Icon
3. Creating Visualizations without SVG
Icon
SVG support in the browser market
Icon
Visualizations without SVG
Icon
Polyfilling
Icon
Using canvas and D3
Icon
Summary
4
4. Creating a Color Picker with D3
Icon
4. Creating a Color Picker with D3
Icon
Creating a slider control
Icon
Creating a color picker
Icon
Summary
5
5. Creating User Interface Elements
Icon
5. Creating User Interface Elements
Icon
Highlighting chart elements
Icon
Creating tooltips
Icon
Selecting a range with brushing
Icon
Summary
6
6. Interaction between Charts
Icon
6. Interaction between Charts
Icon
Learning the basics of Backbone
Icon
The stock explorer application
Icon
Summary
7
7. Creating a Charting Package
Icon
7. Creating a Charting Package
Icon
The development workflow
Icon
Creating the package contents
Icon
The project setup
Icon
Using the package in other projects
Icon
Summary
8
8. Data-driven Applications
Icon
8. Data-driven Applications
Icon
Creating the application
Icon
Hosting the visualization with GitHub Pages
Icon
Hosting the visualization in Amazon S3
Icon
Summary
9
9. Creating a Dashboard
chevron up
Icon
9. Creating a Dashboard
Icon
Defining a dashboard
Icon
Good practices in dashboard design
Icon
Making a dashboard
Icon
Summary
10
10. Creating Maps
Icon
10. Creating Maps
Icon
Obtaining geographic data
Icon
Creating maps with D3
Icon
Summary
11
11. Creating Advanced Maps
Icon
11. Creating Advanced Maps
Icon
Using cartographic projections
Icon
Creating a rotating globe
Icon
Creating an interactive star map
Icon
Projecting raster images with D3
Icon
Summary
12
12. Creating a Real-time Application
Icon
12. Creating a Real-time Application
Icon
Collaborating in real time with Firebase
Icon
Creating a Twitter explorer application
Icon
Creating the streaming server
Icon
Creating the client application
Icon
Summary
13
Index
Icon
Index

Good practices in dashboard design

When designing a dashboard, we need to get the most out of each section of the screen so that we can design our graphics to maximize the absorption of information. Some visual attributes are more easily perceived than others, and some of them can communicate effectively without having to pay full attention to them. These attributes are called preattentive attributes of visual perception. We will discuss some of them in the context of dashboard design:

  • Color: There are several ways to describe color. One of the color models is called the HSL model, which is better for humans to understand. In this model, the color is described by three attributes, hue (what we usually call color), saturation (intensity of a color), and lightness or brightness. The perception of color depends on the context. A light color will draw attention if it's surrounded by dark colors; a highly saturated blue will be flashy if the background is a pale color. The dashboard should...

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Mastering D3.js
End of Section 9
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon