O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

D3.js Data Visualization Projects

Video Description

Use the power of React Native to publish your applications

About This Video

  • Create five unique data visualization projects with the leader in data visualization apps: D3.js
  • Completely leverage D3.js' data binding and DOM manipulation features
  • Get the most up-to-date resource on D3.js 4.0

In Detail

If you are looking to create immersive and interesting data visualization projects, then D3.js is the right tool for you. It simplifies your core requirement for binding arbitrary data to a document object model and then applies data-driven transformations to your documents. This video will show you the power of D3.js and the multitude of application domains that can be addressed by using it.

You’ll build two complete applications with D3.js in this video—applications that increase in complexity as the chapters proceed. While you create apps from scratch, you will learn to implement the various features of D3.js. The projects start with a simple chart app, then move on to creating scalable data-intensive apps, typically dedicated to the big data domain. You'll create a complex business app that lets you feed your data and create interactive real-time visualizations with various export options.

By the end of the course, you will have enough expertise and confidence to create any type of data visualization app using D3.js

The code bundle for this course is available at https://github.com/PacktPublishing/D3.js-Data-Visualization-Projects

Table of Contents

  1. Chapter 1 : Creating the Development Environment
    1. The Course Overview 00:06:19
    2. Getting the Code Samples 00:01:46
    3. Installing VS Code 00:03:52
    4. Installing Live Server 00:04:19
    5. Developing a Simple D3.js App 00:06:59
  2. Chapter 2 : Examining and Loading the Data
    1. Overview of the Data 00:15:52
    2. Loading the Data from a Web Server 00:08:38
    3. Examining the Data in the Browser 00:13:16
  3. Chapter 3 : Creating Bubbles Based on Data
    1. Creating SVG Graphics 00:14:21
    2. Creating Visuals with Data 00:04:57
    3. Visual Styling Using Data 00:15:36
  4. Chapter 4 : Scaling Data
    1. Overview of Scales 00:20:26
    2. Using Linear Scales 00:07:01
    3. Using Scales for Color 00:03:32
  5. Chapter 5 : Chart Annotation
    1. Drawing Axes 00:10:12
    2. Positioning for Axes 00:09:52
    3. Styling Axes 00:05:38
    4. Axes’ Titles 00:05:08
    5. Custom Tick Labels 00:07:58
    6. Legends 00:09:30
    7. Gridlines 00:06:53
  6. Chapter 6 : Multi-Year Data and Basic Animation
    1. Selecting Data for a Given Year 00:09:36
    2. Creating a Reusable Renderer 00:08:32
    3. Basic Animation with Timers 00:06:51
  7. Chapter 7 : Smart Rendering with GUP
    1. The General Update Pattern 00:24:04
    2. Applying GUP 00:12:30
  8. Chapter 8 : Simple Interactivity
    1. Navigation Using Buttons 00:05:39
    2. Navigation Using Slider 00:05:40
  9. Chapter 9 : Animation Using Transitions
    1. Basics of Transitions 00:19:17
    2. Animating New Visuals 00:06:26
    3. Animating Updates 00:03:57
    4. Animating Exiting Updates 00:03:57
  10. Chapter 10 : Interactivity Using the Mouse
    1. Capturing Mouse Events 00:06:50
    2. Creating Tool Tips 00:05:50
    3. Highlighting a Visual 00:06:27
    4. Displaying Details 00:08:12