D3.Js - Complete Developer Data Visualization Guide - Udemy

What you'll learn
Web Development and D3 JS Data Visualization with Firebase
Build Data-Driven Visualizations
Learn HTML, CSS and jаvascript
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 jаvascript 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 jаvascript - 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 jаvascriptBeginner Developers who want to learn HTML, CSS, and jаvascript 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 jаvascript
Lecture 71 What's the World Wide Web (WWW) And How it Works
Lecture 72 Web Technologies and the Web
Lecture 73 jаvascript, 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: jаvascript Fundamentals
Lecture 116 3 Legged Stool - Introduction to jаvascript
Lecture 117 jаvascript in the Chrome Console
Lecture 118 More on jаvascript in the Console
Lecture 119 Understanding the DOM
Lecture 120 Location of the Script Tag and Why
Lecture 121 jаvascript 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: jаvascript Arrays & Loops
Lecture 130 Introduction to Arrays
Lecture 131 Getting the Last Item of an Array
Lecture 132 For Loops
Section 18: jаvascript 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 jаvascript
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

Homepage

https://www.udemy.com/course/the-complete-d3js-data-visualization-guide/