D3.Js - Complete Developer Data Visualization Guide

Bring Data to life with D3.Js Data Visualization Library. Master JavaScript, HTML, CSS and Build Stunning Data Visuals

What you'll learn

Web Development and D3 JS Data Visualization with Firebase

Build Data-Driven Visualizations

Learn HTML, CSS and JavaScript

Create D3 JS Projects with Firebase Backend

Requirements

A computer and Internet Access

Description

Have you ever wondered how stunning graphs and data-driven visualizations are created from raw data? Do you want to communicate information clearly and efficiently with your organization, work, school, etc.?  If so, then you must enroll in this Complete Data Visualization course with D3.Js Library.D3.js is a JavaScript library for Data Scientists, Statisticians, Mathematicians, Analysts, and anyone wanting to take raw data and create visually appealing graphs and Data-Driven Visualizations such as:Bar ChartsPie ChartsLine GraphsBubble PacksTree Diagrams and moreEffective visualization helps users analyze and reason about data and making complex data more accessible, understandable, and easy on the eye!In this course, you'll have the opportunity to learn the basics of HTML, CSS, and JavaScript - the 3 main technologies needed to build amazing Visualizations with the D3.js library.Once the basics and the fundamentals of web development are taken care of, you'll next embark on a journey where you'll master: D3.js fundamentals: Drawing basic shapes on the screenSVG - Changing Attributes and StylesTransitionsParsing data and draw dynamic graphs  Creating different Scales and AxesAnd so much more…Ultimately, you'll build several real-world projects to put D3 skills to the test!Who this course is for:Developers wanting to build data-driven UI diagrams with JavaScriptBeginner Developers who want to learn HTML, CSS, and JavaScript and Ultimately D3 libraryData Scientists who want to learn D3 ( No prior development skill required - the course has everything you'll need to get started)Mathematicians wanting to learn D3 Statisticians…Analysts, Scientists who want to build data driven visualizations…I hope you'll join me in this adventure of learning D3!

Overview

Section 1: Introduction

Lecture 1 Learning Path - How to Get the Most out of The Course

Lecture 2 UPDATE: Moved the Web Development Section to the Bottom!

Section 2: Installing Development Tools

Lecture 3 Installing VSCode IDE and Helpful Extensions

Lecture 4 Using Chrome Browser

Lecture 5 Important Message

Section 3: Course Source Code

Lecture 6 Download All Source Code For this Course

Section 4: Introduction to D3.JS

Lecture 7 D3 Brief Introduction

Lecture 8 D3 Website and Demos

Lecture 9 Setting Up Project with D3

Lecture 10 SVG - Introduction

Lecture 11 SVG Inline HTML - Creating a Circle

Lecture 12 SVG MDN Docs

Lecture 13 Creating D3 Canvas and Circle

Lecture 14 Double Quotes or Not for Attr

Lecture 15 Creating Lines with SVG in D3

Lecture 16 SVG Text

Section 5: Creating Visualizations Dynamically

Lecture 17 Creating a Bar and Move it Dynamically

Lecture 18 Showing Three Bars on Screen (Upside Down)

Lecture 19 Inverting the yAxis

Lecture 20 Understanding the "Enter()" function and Making it All Dynamically

Lecture 21 Cleaning up the Code

Lecture 22 Customizing Our Data Array with Objects

Lecture 23 Parsing Local and Remote JSON

Section 6: Earthquake Visualization Project

Lecture 24 Project Setup

Lecture 25 Showing Earthquakes - Circles in the X-Axis

Lecture 26 Showing Earthquakes - Dynamically

Lecture 27 Adding Event MouseOver

Lecture 28 Showing a Tooltip

Lecture 29 Showing Tooltip with Data

Section 7: Scales & BarCharts - Revisited

Lecture 30 Revisiting Barcharts and Introduction to Scales

Lecture 31 What is Linear Scale

Lecture 32 Creating and Implementing yScale

Lecture 33 Band Scale

Lecture 34 Finalizing Band Scale

Lecture 35 Margins and Groups

Lecture 36 Creating xAxis and yAxis

Lecture 37 Final xAxis and Graph Inverted

Lecture 38 Bonus - Adding Animation

Lecture 39 Fixing the Axis Issue

Section 8: SVG Paths

Lecture 40 SVG Paths Introduction

Lecture 41 Creating SVG Paths

Lecture 42 Creating SVG Paths with D3JS

Lecture 43 D3 Curves

Lecture 44 Creating an Area Chart - Part 1

Lecture 45 Setting Ranges and Domains - Part 2

Lecture 46 Adding Axis - Part 3

Lecture 47 CSS Customizations - Part 4

Lecture 48 Adding Line - Part 5

Lecture 49 Final Tweaks

Section 9: Creating a Pie Chart

Lecture 50 Setting Up DACA Project

Lecture 51 Pie Chart Concepts

Lecture 52 Creating Pie Angles

Lecture 53 Showing an Arc on Screen

Lecture 54 Dynamically Showing a Pie Chart on Screen

Lecture 55 Adding Dynamic Colors to Pie

Lecture 56 Adding a Tooltip

Lecture 57 Beautifying the Pie Chart

Lecture 58 Adding Tween Animation

Section 10: Final Project - U.S. Immigration Services

Lecture 59 Immigration Visualization - Demo

Lecture 60 Project Setup

Lecture 61 Pulling CSV Data

Lecture 62 Creating Clusters - Part 1

Lecture 63 Creating Clusters - Part 2

Lecture 64 Creating Clusters Circles - Part 3

Lecture 65 Showing Clusters on Screen

Lecture 66 Showing D3 Tip

Lecture 67 Color Legend

Lecture 68 Adding Size Legend

Lecture 69 Finished Project

Lecture 70 Useful links

Section 11: The Essentials of Web Development - HTML, CSS and JavaScript

Lecture 71 What's the World Wide Web (WWW) And How it Works

Lecture 72 Web Technologies and the Web

Lecture 73 JavaScript, HTML and CSS - The 3 Legged Stool

Lecture 74 Understanding the HTML Document Structure

Lecture 75 HTML Heading

Lecture 76 HTML Paragraph Tag

Lecture 77 The Break line Tag

Lecture 78 Formatting HTML - Bio Page

Lecture 79 Adding Address and Break line

Lecture 80 Emphasizing and Formatting Text

Lecture 81 Solution to Challenge

Lecture 82 More HTML Elements

Lecture 83 Finalizing HTML Formatting

Section 12: HTML Attributes

Lecture 84 HTML Attributes

Lecture 85 HTML Attribute - HREF and Style

Lecture 86 HTML Image Tag

Lecture 87 HTML Title and Lang Attribute

Lecture 88 List of More HTML Attributes

Lecture 89 Unordered List in HTML

Lecture 90 List Type Attributes and Nested Lists

Lecture 91 HTML Table - Introduction

Lecture 92 Creating an HTML Table

Lecture 93 Adding Border Style to Table - Inline CSS

Section 13: CSS - Styling HTML Pages

Lecture 94 Introduction to CSS

Lecture 95 Styling our Table with Internal Style Sheet

Lecture 96 CHALLENGE: Create a Simple HTML Page

Lecture 97 SOLUTION And More on CSS and Button

Lecture 98 CSS Rules - Font Styles

Lecture 99 The Class Attribute

Lecture 100 The ID Attribute

Section 14: Building a Navigation Page

Lecture 101 Creating a Navigation Page - Part1

Lecture 102 Navigation Page Creation - Adding Hover

Lecture 103 Understanding the Box Model

Lecture 104 Removing Margin and Padding

Lecture 105 Adding More HTML Pages

Lecture 106 Adding Correct Paths to HTML Pages

Lecture 107 External Style Sheets adn Linking

Lecture 108 Introduction to DIV

Lecture 109 DIVs and Float

Lecture 110 Structuring Content in a Web Page

Lecture 111 Manually Restructuring Pages

Section 15: Sectioning Elements

Lecture 112 Using Sectioning Elements

Lecture 113 Using Sectioning Elements on a Page

Lecture 114 Structuring our Footer

Lecture 115 Final Thoughts About HTML

Section 16: JavaScript Fundamentals

Lecture 116 3 Legged Stool - Introduction to Javascript

Lecture 117 JavaScript in the Chrome Console

Lecture 118 More on JavaScript in the Console

Lecture 119 Understanding the DOM

Lecture 120 Location of the Script Tag and Why

Lecture 121 JavaScript Concatenation and Variables

Lecture 122 Null and Undefined and Boolean

Lecture 123 Arithmetic Operations

Lecture 124 Remainder

Lecture 125 The Plus Sign

Lecture 126 Introduction to If Statement

Lecture 127 Identicality Comparison

Lecture 128 Logical Operators with Conditional Operators

Lecture 129 The Ternary Operator

Section 17: JavaScript Arrays & Loops

Lecture 130 Introduction to Arrays

Lecture 131 Getting the Last Item of an Array

Lecture 132 For Loops

Section 18: JavaScript Functions and Objects

Lecture 133 Introduction to Functions

Lecture 134 Different Types of Functions

Lecture 135 Function Parameters and Returns

Lecture 136 Local and Global Variables

Lecture 137 Understanding Local and let Scope Variables

Lecture 138 Introduction to Objects

Lecture 139 Creating our First JS Object

Lecture 140 Instantiating our Own Objects - Constructors

Section 19: The DOM and The BOM

Lecture 141 The DOM and The BOM - Using JS to Access the DOM

Lecture 142 Using getElementById Selector

Lecture 143 Using the querySelectors

Lecture 144 Applying inline CSS with JavaScript

Lecture 145 OnClick Event

Lecture 146 Intercepting More Events

Lecture 147 EventListeners

Lecture 148 More on EventListeners

Section 20: Building a Tip Calculator

Lecture 149 Build a Tip Calculator - Part 1

Lecture 150 Tip Calculator - CSS - Part 2

Lecture 151 Build a Tip Calculator - Part 3

Lecture 152 Build a Tip Calculator - Part 4 - Grabbing Input Field Values

Lecture 153 Tip Calculator - Finalized UI

Lecture 154 Tip Calculator - Final

Section 21: Where to Go Next, from Here?

Lecture 155 Where to Go Next, from Here?

Lecture 156 Inspiration is Everywhere

Section 22: Bonus

Lecture 157 Get My Other Courses at a Discount

Beginner developers who want to learn D3 JS,Data Scientists who want to learn D3 JS and Web Development Skills,Scientists who want to learn D3 JS and build Amazing Graphs and Visualizations,Staticians who want to learn Web Development and D3 JS Library to Convey Data in a Visual Form,Anyone who is interested in learning how to build projects with D3 JS Visualization Library