Book Image

Mastering D3.js 5 [Video]

By : James Cross
Book Image

Mastering D3.js 5 [Video]

By: James Cross

Overview of this book

<p>Curious about creating advanced visual representations of your data? Do you want to go beyond adding stunning interactive charts to your web project? Are you looking to build a reusable library of charts for your work? Then, this course is for you! </p><p> </p><p>This course focuses on the features in the latest version of D3. D3’s comprehensive JavaScript library for interacting with the dom, connecting data to elements in the dom, animating elements, and working with data are supremely helpful for crafting unique, styled, and reusable visualizations for the browser. </p><p> </p><p>Take this course and you’ll learn to make powerful visual representations of data using D3. Become a master at topics like making visualizations responsive, integrating 3rd party API data into visualizations, interactive and color-coded mapping, linking charts together for updates across visualizations, and more. </p><p> </p><p>Please note that Knowledge of JavaScript is assumed, together with some prior familiarity with D3.js </p><p> </p><p>All the code files for this course are available on Github at -https://github.com/PacktPublishing/Mastering-D3.js-5-</p>

Related Content you might be interested in

Current Title:

Small book image
Mastering D3.js 5 [Video]
James Cross
May, 2019 | 2 hours 45 minutes
No titles found
Table of Contents (8 chapters)
Free Chapter
1
Making Reusable Chart Functions
The Course Overview
Introducing Function-Driven Chart Development
Functional Data-Fetching
Create a BuildChart Function
Create a BuildChart Function for a Pie Chart
2
Building Hierarchical Charts
Building Hierarchical Data Structures for D3 Consumption
Building a Family Tree Using Treemap
Build a Budget Treemap Using Treemap Layout
Building a Sunburst Flavor Wheel
3
Manage On-Screen Objects with Enter-Update-Exit Pattern
Making Objects Appear with Enter
Updating Existing Objects with Update
Removing Elements
Grouping Elements for the D3 Advantage
4
Building Responsive Utilities and Charts
Using Parent Div Dimensions for Initial Rendering
Using a Resize Function for Chart Updating
Applying Responsive Patterns to a Bar Chart
Applying Responsive Patterns to a Pie Chart
5
Updating Multiple Connected Charts
Updating Data on Click
Introducing a Prepare and Update Pattern
Introducing Enter, Update, Exit Pattern to a Bar Chart
Introducing Enter, Update, Exit Pattern to a Pie Chart
Updating Pie and Bar Charts
6
Integrating Third Party APIs
Consuming Bitcoin API Data
Updating Page Layout
7
Building a Map of the World
Collecting World Map Country Data
Collecting Country Income Data and Merging with Country Data
Rendering a Map
Color-Coding a Map
Adding Interactivity to a Map
8
Adding an Interactive Legend to a World Map
Adding Legend Text to the Screen
Adding Circles to the Legend
Updating Legend Items on Click
Updating Countries on Click
Chapter 3
Manage On-Screen Objects with Enter-Update-Exit Pattern
Content Locked
Section 4
Grouping Elements for the D3 Advantage
Juggling many elements can be messy. Handling an element and a label separately can be unnecessarily complicated. Connecting elements that are related is a helpful and simple solution, using Group elements. D3 manages grouped elements well with the enter, update, exit pattern. - Update the D3 data join to be connected to group elements - Move the enter, update, exit selections to the groups - Update child elements inside the enter, update & exit selections
Previous Section
End of Chapter 3
Next Chapter