D3.Js - The Art Of Data Visualization

Mastering data visualization with the D3 library

What you'll learn

Developing appealing visualizations

Effective coding with the D3 library

Storytelling with data

Coding patterns to understand the source code form the D3 community

Practical examples you can reuse in your projects

Requirements

At least a basic understanding of HTML, CSS, and JavaScript is needed.

Description

Welcome to the D3.js - the art of data visualization course!The D3.js library is the industrial standard for data visualization. The reason for this is that this library offers everything you need to present the data based information in an attractive way to your audience. Only your imagination can create limits.The D3 library has a massive community of developers and tones of examples available publicly. The problem is that these examples are usually complex, and you have to understand the basic concepts, based on which the visualizations are built.This course will help you to build solid foundations, which you will need to create your own visually attractive infographics with the 'wow' effect. Using the right tools, for sure, you will increase the impact on your audience.

Overview

Section 1: Development Environment

Lecture 1 Simple Development Environment

Lecture 2 Development Environment (webpack)

Lecture 3 Development Environment - the quick way

Section 2: Basics

Lecture 4 Selection

Lecture 5 Data Binding

Lecture 6 Functions enter() and exit()

Lecture 7 Adding SVG

Lecture 8 d3-selection-multi

Section 3: SVG

Lecture 9 Basic Shapes

Lecture 10 Path Element

Lecture 11 Appearance Attributes

Lecture 12 Text Element

Lecture 13 Text on Path

Section 4: Data

Lecture 14 Statistical Functions

Lecture 15 Histogram

Lecture 16 data vs. datum

Section 5: Interactions

Lecture 17 Dragging

Lecture 18 Event handling

Lecture 19 Slider Project - Introduction

Lecture 20 Slider Project - Solution

Section 6: Scales

Lecture 21 Continuous Scales (linear, power, logarithmic)

Lecture 22 Quantize Scales

Lecture 23 Ordinal Scales (scaleOrdinal)

Lecture 24 Ordinal Scales (scaleBand)

Lecture 25 Ordinal Scales (scalePoint)

Lecture 26 Diverging scales

Lecture 27 Time Scale

Section 7: Axes

Lecture 28 Axis Generator

Lecture 29 Axes Styling

Lecture 30 Grid

Section 8: Animations

Lecture 31 Transitions

Lecture 32 Easing

Section 9: Bubble Chart Challenge

Lecture 33 Bubble Chart - Assignment

Lecture 34 Bubble Chart - Solution

Section 10: Forces

Lecture 35 Force Simulation - Nodes and Links

Lecture 36 Force Simulation - Forces

Lecture 37 Force Simulation - Dragging

Lecture 38 Force Simulation Challenge - Introduction

Lecture 39 Force Simulation Challenge - Solution

Section 11: Path Generators

Lecture 40 Line Generator

Lecture 41 Area Generator

Lecture 42 Arc and Pie Generators

Lecture 43 Links and Layouts

Lecture 44 Symbol Generator

Lecture 45 Stacks

Section 12: Final Project - Stream Chart

Lecture 46 Project Introduction

Lecture 47 Loading Data from *.json file

Lecture 48 Data Reshaping and Scales

Lecture 49 Drawing Areas

Lecture 50 Adding the Legend

Lecture 51 Labels Update

Lecture 52 Markers

Lecture 53 Axis and Gridlines

Web developers who want to present the data in an attractive way,Data visualization architects,Anyone who has a passion for the interactive data visualizations,Power BI developers who want to learn D3 to build their custom visuals