D3Js Basics

oferecido por
Coursera Project Network
Neste projeto guiado, você irá:

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
IntermediateIntermediário
CloudSem necessidade de download
VideoVídeo em tela dividida
Comment DotsInglês
LaptopApenas em 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) .

Habilidades que você desenvolverá

  • JavaScript
  • Data Visualization (DataViz)

Aprender passo a passo

Em um vídeo reproduzido em uma tela dividida com a área de trabalho, seu instrutor o orientará sobre esses passos:

  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

Como funcionam os projetos guiados

Sua área de trabalho é um espaço em nuvem, acessado diretamente do navegador, sem necessidade de nenhum download

Em um vídeo de tela dividida, seu instrutor te orientará passo a passo

Perguntas Frequentes – FAQ

Perguntas Frequentes – FAQ

Mais dúvidas? Visite o Central de Ajuda ao estudante.