D3.js: Complete Developer Data Visualization Guide

Description

Bring data to life with the D3.js data visualization library, and get up to speed with JavaScript, HTML, and CSS to build stunning data visuals

Effective visualization of data helps users analyze and gather insights about data, making complex data more accessible, understandable, and easy on the eye. If you want to create incredible graphs and data-driven visualizations from raw data and communicate information clearly and efficiently within your organization, work, and school, then enroll in this complete data visualization course covering the D3.js library.
The course begins with an introduction to D3.js, and then teaches you how to create dynamic visualizations, scales, bar charts, and SVG paths. You'll then perform hands-on tasks such as earthquake visualization, creating a pie chart, and building a navigation page. The course then takes you through JavaScript fundamentals, along with covering arrays, loops, functions, and objects. Toward the concluding chapters, you'll get to grips with the document object model (DOM) and the browser object model (BOM).
By the end of this course, you'll have gained a solid understanding of the basics of HTML, CSS, and JavaScript - the three main technologies necessary for building amazing visualizations using the D3.js library. All codes and supporting files are available at-
https://github.com/PacktPublishing/D3.js-Complete-Developer-Data-Visualization-Guide

Get hands-on with HTML, CSS, and JavaScript
Build data-driven visualizations effectively
Develop D3.js projects with a Firebase backend
Apply inline CSS with JavaScript
Build a tip calculator
Understand local and let scope of variables
Employ sectioning elements on a page
Create a navigation page

This course is for anyone, from developers wanting to build data-driven UI diagrams with JavaScript to data scientists looking to learn D3.js. Mathematicians who want to learn D3.js and statisticians, analysts, and data scientists who want to build data-driven visualizations will also find this course useful.

This course features detailed explanations along with useful examples to help you understand the various aspects of D3.js effectively. Its structured format and hands-on approach will also ensure easy learning all along.

Learn to create a bar chart that can move dynamically * Visualize earthquakes - both dynamically and as circles in the x-axis * Get to grips with using the getElementById selector

https://github.com/packtpublishing/d3.js-complete-developer-data-visualization-guide

Paulo Dichone is an Android, Java, and Flutter developer and teacher. He is passionate about teaching people about Android, Java, and Flutter development and has taught over 80,000 students across 175 countries. He holds a degree in computer science from Whitworth University and loves programming, apart from teaching. Paulo has extensive experience in mobile app and web development and is also the founder of 'Build Apps with Paulo', where students are given the tools that they need to become professional developers.
Showing students how to make amazing applications/software is an extremely rewarding experience for him, which is why he has been teaching online for the past five years. His goal is to make you a great developer, no matter what your experience.

1. Introduction

2. Installing Development Tools

3. Course Source Code

4. Introduction to D3.JS

5. Creating Visualizations Dynamically

6. Earthquake Visualization Project

7. Scales & BarCharts - Revisited

8. SVG Paths

9. Creating a Pie Chart

10. Final Project - U.S. Immigration Services

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

12. HTML Attributes

13. CSS - Styling HTML Pages

14. Building a Navigation Page

15. Sectioning Elements

16. JavaScript Fundamentals

17. JavaScript Arrays & Loops

18. JavaScript Functions and Objects

19. The DOM and The BOM

20. Building a Tip Calculator

21. Where to Go Next, from Here?

22. Bonus