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

Hands-On Data Visualization with D3.js 5.0

Video Description

Acquire in-depth knowledge about data visualization and D3.js by coding several examples

About This Video

  • Learn in depth the best practices and techniques for data visualization
  • Explore different types of chart and learn how to use them according to your requirements and data
  • Make your charts user-friendly by adding animations and interactivity

In Detail

Do you want to create stunning data visualizations using D3 and SVG? Then this course is for you; it will teach you about scales by converting your data into visuals that will work on any browser or device.

You will learn to add many transitions and animations to your graphs to make them more interesting and appealing to users. This course will also help you build interactive bar charts, scatter plots, and force layouts by manipulating large amounts of data. You will also create choropleth maps and layouts to display visual patterns on geographical locations.

By the end of this course, you will have learned how to visualize your data and code more effectively. You will have built your own data models with D3.js much more rapidly and very easily.

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

Downloading the example code for this course: You can download the example code files for all Packt video courses you have purchased from your account at http://www.PacktPub.com. If you purchased this course elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.

Table of Contents

  1. Chapter 1 : Setting Up to Success
    1. The Course Overview 00:04:05
    2. Picking a Text Editor 00:03:47
    3. Setting Up a Local Server 00:06:55
    4. Develop Your Inner Researcher 00:03:37
    5. Design, Code, and Storytelling 00:02:50
    6. Variables, Data Types, and Visual Encodings 00:02:47
    7. The Visualization Spectrum 00:02:19
    8. D3: Data Driven Documents 00:02:12
  2. Chapter 2 : Building Blocks with D3
    1. Let's Build Blocks 00:05:28
    2. Selectors and Selections 00:03:27
    3. Scales: How They Actually Work 00:03:22
    4. Scales: The Syntax 00:04:23
    5. Creating a Radius Scale 00:02:39
  3. Chapter 3 : Explore Animations with the Bar Graph
    1. Scales: The Ordinal One 00:03:26
    2. Range versus Band 00:05:52
    3. Creating a Bar Graph 00:08:18
    4. The paddingInner() and bandwidth() Function 00:03:36
    5. The scaleLinear() Function 00:03:38
    6. The Click Event 00:05:20
    7. Animations –transition() 00:02:29
    8. Animations – duration() and ease() 00:04:10
    9. Animations – delay() 00:03:25
    10. Updating the Data 00:02:43
  4. Chapter 4 : Interactivity and Fun with the Scatter Plot
    1. Updating and Scaling 00:11:09
    2. Adding a Clip-Path 00:03:05
    3. The Start and End Event 00:03:29
    4. Multiple Transitions 00:03:14
  5. Chapter 5 : Connecting Data with the Force Layout
    1. Nodes and Links 00:03:47
    2. Setting Up the Layout 00:05:52
    3. Force Simulation 00:04:45
    4. The ‘Tick’ Event 00:03:34
  6. Chapter 6 : Working with Geographical Charts
    1. Discovering Map Charts Types 00:03:31
    2. Let's Make a Map with GeoJSON 00:02:57
    3. Working with GeoJSON 00:04:41
    4. Draw and Map Using Projections 00:07:44
    5. Choropleth Maps 00:03:22
    6. Holding the Data 00:05:08
    7. Adding the Cities 00:04:43
  7. Chapter 7 : Adding Interactivity to the Map
    1. Buttons and Bootstrap Icons 00:05:20
    2. Taking Care of the Functionality 00:06:47
    3. Panning the Map 00:03:31
    4. Dragging the Map 00:03:10
    5. Updating the Function’s Offset 00:04:02
    6. The Zoom Library 00:03:09
    7. Fixing the Errors 00:05:02
    8. Adding Zoom Buttons 00:05:21