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

Chapter 3. Creating Visualizations without SVG

Most of the visualizations created with D3 use the SVG element. SVG graphics are resolution independent, which means that they can be scaled without pixelation, and they are relatively easy to create with D3. The SVG elements are also part of the DOM tree and allow us to select and manipulate individual elements of the figures and to change their attributes, triggering an automatic update by the browser.

There are a significant number of users who don't use a browser with SVG support, and sometimes, we can't just forget them. In this chapter, we will examine alternatives that provide visualizations without using SVG. We will create a visualization using only the div elements, discuss libraries that provide SVG support for older browsers, and show an example of integrating D3 and the canvas element.

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