Data Visualization with D3.js: Step-By-Step Tutorial

Leverage the power of D3.js to create beautiful and stunning illustrations of data

3.17 (3 reviews)
Udemy
platform
English
language
Programming Languages
category
Data Visualization with D3.js: Step-By-Step Tutorial
98
students
9.5 hours
content
Dec 2018
last update
$19.99
regular price

What you will learn

Learn how D3 .js works to declaratively define visualizations

Create charts from scratch by using SVG and the D3 .js APIs

See how to prepare data for easy visualization using D3 .js

Visualize hierarchical data using chart types provided by D3 .js

Explore the different options provided by D3 .js to visualize linked data such as graphs

Spice up your visualizations by adding interactivity and animations

Learn how to use D3 .js to visualize and interact with Geo- and Gis-related information sources

Create visualization by streaming data over WebSockets

Why take this course?

This course seeks to take you on a journey to learn to create beautiful visualizations of information using D3.js. D3.js, where D3 stands for data-driven documents, is an amazing JavaScript library which is known among data analysts, engineers, mathematicians, and developers worldwide as an advanced data visualization tool. Its ability to bring data to life in the form of graphics is what has made it so widespread in its use, scope, and popularity. If you want to create interactive charts, data trees, infographics, geospatial charts, and maps efficiently, then this course is your ideal choice to master interactive data visualization with D3.js V4. 

This course includes a number of extensive examples to help you hone your skills with data visualization using D3.js. Throughout the course these examples will help you acquire a clear practical understanding of the various techniques, tools, and functionality provided by D3.js. You will first setup your D3.js development environment and learn the basic patterns needed to visualize your data. You will then learn techniques to optimize different processes such as working with selections, animating data transitions, creating graphs and charts, integrating external resources (static as well as streaming),  visualizing information on maps, working with colors and scales, utilizing the different D3.js APIs, and more. This course will also guide you through creating custom graphs and visualizations, and show you how to go from the raw data to beautiful visualizations. The extensive examples will include working with complex and real time data streams, such as seismic data, geospatial data, scientific data, and more. Finally, you will build five unique data visualization projects to get a complete hold of the topic.

Contents and Overview

This training program includes 3 complete courses, carefully chosen to give you the most comprehensive training possible. 

The first course, Creating Data Visualization with D3, will help you acquire a clear practical understanding of the various techniques, tools and functionality provided by D3.js. You will first setup your D3.JS development environment and learn the basic patterns needed to visualize your data. After that you will learn techniques to optimize different processes such animating data transitions, creating charts, and much more. You will also learn how to create custom graphs and visualizations, and how to go from the raw data to beautiful visualizations.

In the second course, Applied Data Visualization with D3, you will learn techniques to optimize different processes such as animating data transitions, creating graphs and charts, integrating external resources (static as well as streaming), visualizing information on maps, working with colors and scales, utilizing the different D3.js APIs, and more. The extensive examples will include working with complex and real time data streams. You will also learn to add custom shapes and paths using various D3 functionality. 

In the third course, D3.js Data Visualization Projects, you will build two complete applications with D3.js. While you create apps from scratch, you will learn to implement the various features of D3.js. The projects start with a simple chart app, then move on to creating scalable data-intensive apps, typically dedicated to the big data domain. You will also create a complex business app that lets you feed your data and create interactive real time visualizations with various export options. 

By the end of this course, you will have developed a strong foundation in D3.js and would be able to create breathtaking visualizations of data using its vast library.

Meet Your Expert(s):

We have the best work of the following esteemed author(s) to ensure that your learning journey is smooth:

  • Jos Dirksen has worked as a software developer and architect for more than a decade. He has a lot of experience in a large range of technologies, ranging from backend technologies, such as Java and Scala, to frontend development using HTML5, CSS, and JavaScript. Besides working with these technologies, Jos also regularly speaks at conferences and likes to write about new and interesting technologies on his blog. He also likes to experiment with new technologies and see how they can best be used to create beautiful data visualizations. Jos is currently working as a full stack engineer for Philips Lighting working, on a large IoT and Scala project. Previously, Jos has worked in many different roles in the private and public sectors, ranging from private companies such as ING, ASML, Malmberg, and ASML to organizations in the public sector, such as the Department of Defence.


  • Michael Heydt is an independent consultant, programmer, educator, and trainer. He has a passion for learning and sharing his knowledge of new technologies. Michael has worked in multiple industry verticals, including media, finance, energy, and healthcare. Over the last decade, he worked extensively with web, cloud, and mobile technologies and managed user experiences, interface design, and data visualization for major consulting firms and their clients. Michael's current company, Seamless Thingies , focuses on IoT development and connecting everything with everything. He is also a frequent speaker at .NET user groups and various mobile, cloud, and IoT conferences and delivers webinars on advanced technologies.

Screenshots

Data Visualization with D3.js: Step-By-Step Tutorial - Screenshot_01Data Visualization with D3.js: Step-By-Step Tutorial - Screenshot_02Data Visualization with D3.js: Step-By-Step Tutorial - Screenshot_03Data Visualization with D3.js: Step-By-Step Tutorial - Screenshot_04

Reviews

Alexis
April 22, 2022
Not what I expected at all. It is really outdated and all projects are done. You can't code along this course as everything is already done, he just goes through it explaining a bit what he did.

Charts

Price

Data Visualization with D3.js: Step-By-Step Tutorial - Price chart

Rating

Data Visualization with D3.js: Step-By-Step Tutorial - Ratings chart

Enrollment distribution

Data Visualization with D3.js: Step-By-Step Tutorial - Distribution chart

Related Topics

2097320
udemy ID
12/20/2018
course created date
12/24/2021
course indexed date
Bot
course submited by