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

In this section, we will provide an overview of the workflow to create and distribute our charting package. We will also discuss some conventions regarding version numbers and the process of creating a release, introduce tools that will help us to manage the dependences with other projects, run the tests, and automate the package building process.

Writing the code

We begin by creating the project directory and the initial package content. During the development of our charting package, we need to perform the following actions:

  • Implement new features or modify the existing code

  • Check whether our code follows the coding guidelines

  • Implement tests for the new functionality or create additional tests for the existing features

  • Run tests to ensure that the modifications don't introduce unexpected behaviors or break the public API

  • Concatenate the source files to generate a single JavaScript file that contains the charting package

  • Generate a minified file

When implementing new features...

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