D3Js Basics

von
Coursera Project Network
In diesem angeleitetes Projekt werden Sie:

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
IntermediateMittel
CloudKein Download erforderlich
VideoVideo auf geteiltem Bildschirm
Comment DotsEnglisch
LaptopNur Desktop

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

Kompetenzen, die Sie erwerben werden

  • JavaScript
  • Data Visualization (DataViz)

Schritt für Schritt lernen

In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:

  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

Ablauf angeleiteter Projekte

Ihr Arbeitsbereich ist ein Cloud-Desktop direkt in Ihrem Browser, kein Download erforderlich

Ihr Dozent leitet Sie in einem Video mit geteiltem Bildschirm Schritt für Schritt an.

Häufig gestellte Fragen

Häufig gestellte Fragen

Haben Sie weitere Fragen? Besuchen Sie das Learner Help Center.