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
chevron up
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
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

The stock explorer application

In this section, we will use D3 and Backbone to create a single page application to display a time series of stock prices. The user will be able to select different stocks and a period of time in order to get a detail view. The page will have several components:

  • Context chart: This chart will display the complete series of prices that are available for the stock. It will have a brush component that selects a time interval.

  • Detail chart: This will be a bigger area chart that will show you the stock prices for the time interval selected in the context chart.

  • Control view: This view will show you a control that selects the stock.

  • Stock title: This will display the name of the company.

We will display the control and title view on top of the page, a big area with the detail view, and a context area chart at the bottom of the page.

A diagram of the application components

As you can see, there are several components that should be in sync. If we change the stock, the...

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 Chapter 6
Next Chapter
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