D3Js Basics

提供方
Coursera Project Network
在此指导项目中,您将:

Use VS Code + Node.js to set up your environment for data visualization and we will talk about the fundamentals of SVGs.

Understand core concepts of working with the d3 library such as selections and data binding.

Create a bar graph of how many injuries occur by different body parts.

Clock1.5 hours
Intermediate中级
Cloud无需下载
Video分屏视频
Comment Dots英语(English)
Laptop仅限桌面

In this 1.5-hour long project-based course I will show you the basic concepts to create data visualizations in D3.js. You will learn how to use SVGs, select, and bind data in order to create a  bar chart. We will be visualizing firecracker injuries in 2019. This data is from the U.S. Consumer Product Safety Commission (CPSC) Fireworks Annual Report. Inspired by recent events this summer we are going to visualize firework injuries in the United States.  Firework injury data can be found at U.S. Consumer Product Safety Commission (CPSC) .

您要培养的技能

  • JavaScript
  • Data Visualization (DataViz)

分步进行学习

在与您的工作区一起在分屏中播放的视频中,您的授课教师将指导您完成每个步骤:

  1. Introduction to D3.js

  2. Setup Environment

  3. SVG Basics

  4. Selecting

  5. Binding

  6. Bar Graph Loading Data

  7. Creating our Canvas and Scales

  8. Drawing our bars

  9. Creating our axis

指导项目工作原理

您的工作空间就是浏览器中的云桌面,无需下载

在分屏视频中,您的授课教师会为您提供分步指导

常见问题

常见问题

还有其他问题吗?请访问 学生帮助中心