Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development D3.js

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
Rating: 4.5 out of 54.5 (231 ratings)
1,768 students
Created by Paulo Dichone | Android, Java, Flutter Developer and Teacher
Last updated 2/2020
English
English [Auto]
30-Day Money-Back Guarantee

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
Curated for the Udemy for Business collection

Course content

22 sections • 157 lectures • 17h 22m total length

  • Preview02:41
  • UPDATE: Moved the Web Development Section to the Bottom!
    00:17

  • Preview10:15
  • Using Chrome Browser
    03:07
  • Important Message
    00:41

  • Download All Source Code For this Course
    00:00

  • Preview01:26
  • D3 Website and Demos
    03:46
  • Setting Up Project with D3
    08:01
  • SVG - Introduction
    02:09
  • SVG Inline HTML - Creating a Circle
    09:01
  • SVG MDN Docs
    02:47
  • Creating D3 Canvas and Circle
    11:10
  • Double Quotes or Not for Attr
    02:55
  • Creating Lines with SVG in D3
    07:21
  • SVG Text
    06:49

  • Preview08:11
  • Preview12:46
  • Inverting the yAxis
    02:01
  • Understanding the "Enter()" function and Making it All Dynamically
    09:03
  • Cleaning up the Code
    01:47
  • Customizing Our Data Array with Objects
    05:23
  • Parsing Local and Remote JSON
    17:41

  • Project Setup
    10:10
  • Showing Earthquakes - Circles in the X-Axis
    13:14
  • Showing Earthquakes - Dynamically
    12:33
  • Adding Event MouseOver
    09:53
  • Showing a Tooltip
    10:57
  • Preview11:52

  • Revisiting Barcharts and Introduction to Scales
    09:21
  • What is Linear Scale
    02:25
  • Creating and Implementing yScale
    07:07
  • Band Scale
    02:44
  • Finalizing Band Scale
    08:28
  • Margins and Groups
    09:59
  • Creating xAxis and yAxis
    09:58
  • Final xAxis and Graph Inverted
    06:54
  • Preview05:05
  • Fixing the Axis Issue
    01:25

  • SVG Paths Introduction
    Preview03:31
  • Creating SVG Paths
    07:36
  • Creating SVG Paths with D3JS
    11:16
  • D3 Curves
    05:52
  • Creating an Area Chart - Part 1
    07:53
  • Setting Ranges and Domains - Part 2
    15:19
  • Adding Axis - Part 3
    07:40
  • CSS Customizations - Part 4
    03:16
  • Adding Line - Part 5
    07:14
  • Final Tweaks
    09:02

  • Setting Up DACA Project
    08:56
  • Pie Chart Concepts
    Preview02:41
  • Creating Pie Angles
    11:01
  • Showing an Arc on Screen
    09:53
  • Dynamically Showing a Pie Chart on Screen
    10:25
  • Adding Dynamic Colors to Pie
    08:10
  • Adding a Tooltip
    12:41
  • Beautifying the Pie Chart
    12:10
  • Preview07:36

  • Preview04:59
  • Project Setup
    08:46
  • Pulling CSV Data
    05:34
  • Creating Clusters - Part 1
    15:18
  • Creating Clusters - Part 2
    13:03
  • Creating Clusters Circles - Part 3
    12:18
  • Showing Clusters on Screen
    09:16
  • Showing D3 Tip
    07:01
  • Color Legend
    13:49
  • Adding Size Legend
    10:55
  • Finished Project
    04:19
  • Useful links
    00:01

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 Charts

  • Pie Charts

  • Line Graphs

  • Bubble Packs

  • Tree Diagrams and more

Effective 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:

  1. D3.js fundamentals: Drawing basic shapes on the screen

  2. SVG - Changing Attributes and Styles

  3. Transitions

  4. Parsing data and draw dynamic graphs 

  5. Creating different Scales and Axes

  6. And 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 JavaScript

  • Beginner Developers who want to learn HTML, CSS, and JavaScript and Ultimately D3 library

  • Data 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!




Who this course is for:

  • 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

Instructor

Paulo Dichone | Android, Java, Flutter Developer and Teacher
Software Engineer - Android, Java, Flutter, Dart and Teacher
Paulo Dichone | Android, Java, Flutter Developer and Teacher
  • 4.4 Instructor Rating
  • 10,308 Reviews
  • 114,505 Students
  • 13 Courses

Hi, I'm Paulo.

I am passionate about teaching people Android, Java, and Flutter development.  I have taught over 100,000 students in 175 countries worldwide.

I have a degree in Computer Science from Whitworth University, and I love programming and teaching.

I have extensive experience in Mobile App Development (Android and iOS) and Web Development. 

I am also the founder of Build Apps With Paulo, where students are equipped with tools they need to become well-rounded developers - developers who have soft and technical skills.

Showing students how to make amazing applications/software is a gratifying experience for me.  That's why I have been teaching online for the past 5 years.

My goal is to make you a great developer, no matter your experience.  I enjoy spending time with my growing family, playing the guitar, mandolin, and traveling in my spare time.

I look forward to helping you become the best developer you can be. 

If you are new to Android development and my courses, I suggest you start with my most comprehensive Android course:

  1. The Comprehensive 2020 Android Development Masterclass - You'll learn everything you'll need to know to get started with Android Development - no experience required!

Next:

  2. The Complete Intermediate Android Masterclass - You'll learn intermediate Android topics such as Workmanager API, ROOM Database, and working in the background in Android.


Cross-platform Development courses & Web-related (Build iOS and Android Mobile Apps):

3. Flutter & Dart - The Complete Flutter App Development Course - Learn the Dart Programming language and build iOS and Android Apps with a single codebase.

4. AngularDart - Build Dynamic Web Apps with Angular & Dart - Unleash the power of one of the most used web development framework Angular, and Dart, to build dynamic web apps.

5. TornadoFX - Build JavaFX Applications With Kotlin - Leverage the modern programming language, Kotlin, and JavaFX libraries to build stunning desktop apps


Purely Java-based courses:

6. Java Masterclass - Beginner to Expert Guide - Want to learn Java from the ground up?  Then this is the course you'll need.

7. Java Design Patterns - The Complete Masterclass - Learn how to build solid software using well-tested, proven Design Patterns.


I look forward to seeing you in my courses.


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.