Explore

Beautiful Data Visualization Projects! D3.js for Beginners

9 hours on-demand video

$ 11.99

Save Course

Go to Course

Brief Introduction

Design and build stunning data visualizations with D3.js. Learn to code and create projects with the powerful library.

Description

Do you want to showcase your data in easy and appealing ways? This course is for you!

Beautiful Data Visualization Projects in D3.js for Beginners will take you from zero coding experience to the point where you can build virtually any visualization you need!

In the first phase of the course you'll learn HTML, CSS & JavaScript to prepare you with the foundational web development skills needed to understand D3.

In the second phase of this course you'll set up a development environment.

Watch over-the-shoulder to learn how to add D3 to you setup.
You'll be introduced to examples of the projects made possible by D3.
You'll get a thorough introduction to using the console for coding.

In the third phase of this course you'll learn how to handle and read data from any source. You'll learn to bind data in multiple ways.

In the fourth phase of this course you'll make your first projects in D3 using shapes. You'll learn how to create lines, circles, rectangles, bars. You'll be able to generate random data. You'll build numerous types of bar charts and add your first interactivity -- the click.

In the fifth phase of this course you'll learn to build complete scatter plots from scratch.

Then you'll build more complex and beautiful plots like the bubble and pie chart.
You'll be able to add effects like hovering to your visualizations.
You will learn all about responsive design through practical, hands-on fun.

In the final phase of this course you'll build more projects and add tooltips, transitions, and repeating animations.

Data-Driven Documents (D3) is an incredible JavaScript library for displaying external data files like CSV, JSON, or Excel files. D3 creates visually appealing and interactive displays, like a table, pie chart, bar chart, or scatter plot. For location data you can even use D3 to make interactive maps.

Working well with HTML and CSS, D3 has massive functionality when incorporated into a website.

Benefits of D3.js

Interactivity. If you need data updating over each year, D3 updates very simply. Unlike most graphics, which are static, you can also incorporate hover and mouse click effects with visitors to your website.
Functionality. D3 can create anything from axes to a scatter plot to an interactive geographical map using its GeoJSON functionality.
Easy to use. With a little bit of JavaScript experience, D3 is intuitive to understand.

In Beautiful Data Visualization Projects in D3.js for Beginners you'll learn everything you need to create your own visually appealing graphics with code that you can embed into your website. These graphics can vary from a simple pie chart with a few hover effects to a complex scatter plot, to even a complex bubble chart.

You will be able to click on a screen to create circles on a webpage. You'll learn how to add this and more interesting effects to your website. We'll cover all this and more in this amazing D3.js course.

Enroll Now for Lifetime Access

Requirements

Requirements
No experience necessary!
Atom, or another text editor like Sublime.
Access to the Command Prompt on Windows. The Mac equivalent is the Terminal.
Prerequisites are included in the course: Introductions to HTML, CSS & JavaScript!