Explore

Information Visualization: Programming with D3.js

Approx. 18 hours to complete

Save Course

Go to Course

Course Summary

Learn how to create interactive and engaging visualizations using the D3.js library in this online course. Gain hands-on experience creating custom data visualizations that can be used to communicate complex information effectively.

Key Learning Points

Learn the basics of using D3.js and creating interactive visualizations
Create custom data visualizations that can be used to communicate complex information effectively
Gain hands-on experience creating engaging visualizations that can be used in a variety of contexts

Learning Outcomes

Create custom data visualizations using D3.js
Effectively communicate complex information through visualizations
Understand the basics of using D3.js and creating interactive visualizations

Prerequisites or good to have knowledge before taking this course

Basic knowledge of HTML, CSS, and JavaScript
Familiarity with data structures and algorithms

Course Difficulty Level

Intermediate

Course Format

Self-paced
Online
Interactive

Similar Courses

Data Visualization with Python
Data Visualization and Communication with Tableau

Related Education Paths

Notable People in This Field

Mike Bostock
Nadieh Bremer

Related Books

Description

In this course you will learn how to use D3.js to create powerful visualizations for web. Learning D3.js will enable you to create many different types of visualization and to visualize many different data types. It will give you the freedom to create something as simple as a bar chart as well your own new revolutionary technique.

In this course we will cover the basics of creating visualizations with D3 as well as how to deal with tabular data, geography and networks. By the end of this course you will be able to: - Create bar and line charts - Create choropleth and symbol maps - Create node-link diagrams and tree maps - Implement zooming and brushing - Link two or more views through interaction The course mixes theoretical and practical lectures. We will show you step by step how to use the library to build actual visualizations and what theoretical concepts lie behind them. Throughout the course you will learn skills that will lead you to building a whole application by the end of the lectures (a fully working visualization system to visualize airlines routes). This course is the third one of the “Specialization in Information Visualization". The course expects you to have some basic knowledge of programming as well as some basic visualization skills.

Outline

Introduction to web and d3
Introduction to Specialization
Welcome to the Course
Intro to the Week 1
Introduction to HTML
Practice: Introduction to HTML
Introduction to CSS
Practice: Introduction to CSS
Introduction to Javascript
Javascript - Control Structures
Practice: Introduction to Javascript
Practice: Javascript - Control Structures
Introduction to D3
D3 Selections
Practice: D3 Selections
Changing Content
Practice: Changing Content
Adding and Removing Elements
Practice: Adding and Removing Elements
Changing Properties
Practice: Changing Properties
Setting up the environment
Introduction to Web Development and d3.js

Dealing & drawing with data
Intro: Week 2
Loading Data
Practice: Loading Data
Filtering and Sorting
Practice: Filtering and Sorting
Transforming Data
Practice: Transforming Data
Computing Simple Statistics
Practice: Computing Simple Statistics
SVG
Practice: SVG
Binding Data
Practice: Binding Data
Numeric Scales
Practice: Numeric Scales
Ordinal Scales
Practice: Ordinal Scales
Adding Axes Annotations
Practice: Adding Annotations
Dealing & drawing with data

Lines, Arcs, and maps
Intro: Week 3
Drawing Lines
Practice: Line Chart Part 1
Practice: Line Chart Part 2
Drawing Arcs
Practice: Pie and Donut Charts Part 1
Practice: Pie and Donut Charts Part 2
Projections
Drawing Maps
Practice: Drawing Base for Map
Choropleth Map
Practice: Choropleth Map
Adding Additional Marks
Practice: Adding Additional Marks
Lines, Arcs, and Maps

Layouts and interaction
Week 4: Intro
Visualizing Networks
Practice: Visualizing Networks Part 1
Practice: Visualizing Networks Part 2
Hierarchical Data
Practice: Tree Map Part 1
Practice: Tree Map Part 2
Listening to Events
Practice: Listening to Events
Updating Data
Practice: Updating Data
Brushing
Practice: Brushing
Zoom
Practice: Zoom
Practice: Creating Tooltips
Practice: Creating Linked Views
Conclusion
Layouts and Interaction
Airlines Routes Project - Final Quiz

Summary of User Reviews

Read reviews about the Information Visualization Programming with D3.js course on Coursera. Learners praise the instructor's clear explanations and the engaging exercises. The course receives high ratings overall.

Key Aspect Users Liked About This Course

The instructor's clear explanations

Pros from User Reviews

Engaging exercises
In-depth coverage of D3.js
Good pacing of the course
Suitable for beginners

Cons from User Reviews

Some lectures can be repetitive
Lack of interaction with instructor
No certificate for auditing students
No discussion forums for the course
Some exercises can be challenging

Recommended for you

Data Visualize Data with D3.js The Easy Way

Learn how to use D3. js to create data driven graphics and documents. A beginners guide to getting started with D3...

Save Course

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 ?  ...

Save Course