Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Data Visualization

via freeCodeCamp

Go to class Write review
Datacamp Ad

AI Engineer - Learn how to integrate AI into software applications

Learn More → GetSmarter Ad

AI Adoption - Drive Business Value and Organizational Impact

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it

Data is all around us, but it doesn't mean much without shape or context.

In the Data Visualization Certification, you'll build charts, graphs, and maps to present different types of data with the D3.js library.

You'll also learn about JSON (JavaScript Object Notation), and how to work with data online using an API (Application Programming Interface).

Major Topics:
  • Data Visualization with D3
  • JSON APIs and Ajax
  • Data Visualization Projects

Syllabus

  • Add Document Elements with D3
  • Select a Group of Elements with D3
  • Work with Data in D3
  • Work with Dynamic Data in D3
  • Add Inline Styling to Elements
  • Change Styles Based on Data
  • Add Classes with D3
  • Update the Height of an Element Dynamically
  • Change the Presentation of a Bar Chart
  • Learn About SVG in D3
  • Display Shapes with SVG
  • Create a Bar for Each Data Point in the Set
  • Dynamically Set the Coordinates for Each Bar
  • Dynamically Change the Height of Each Bar
  • Invert SVG Elements
  • Change the Color of an SVG Element
  • Add Labels to D3 Elements
  • Style D3 Labels
  • Add a Hover Effect to a D3 Element
  • Add a Tooltip to a D3 Element
  • Create a Scatterplot with SVG Circles
  • Add Attributes to the Circle Elements
  • Add Labels to Scatter Plot Circles
  • Create a Linear Scale with D3
  • Set a Domain and a Range on a Scale
  • Use the d3.max and d3.min Functions to Find Minimum and Maximum Values in a Dataset
  • Use Dynamic Scales
  • Use a Pre-Defined Scale to Place Elements
  • Add Axes to a Visualization
  • Handle Click Events with JavaScript using the onclick property
  • Change Text with click Events
  • Get JSON with the JavaScript XMLHttpRequest Method
  • Get JSON with the JavaScript fetch method
  • Access the JSON Data from an API
  • Convert JSON Data to HTML
  • Render Images from Data Sources
  • Pre-filter JSON to Get the Data You Need
  • Get Geolocation Data to Find A User's GPS Coordinates
  • Post Data with the JavaScript XMLHttpRequest Method
  • Visualize Data with a Bar Chart
  • Visualize Data with a Scatterplot Graph
  • Visualize Data with a Heat Map
  • Visualize Data with a Choropleth Map
  • Visualize Data with a Treemap Diagram

Taught by

freeCodeCamp Team

Reviews

5.0 rating, based on 3 Class Central reviews

Start your review of Data Visualization

  • Profile image for Luke S
    Luke S @lucasrsorenson
    37
    There was a while when I thought that this course was kind of unnecessary because of the esoteric application (mainly building graphs and charts from data). I didn't think that this skillset would really be helpful in getting a job, unless I was try…
  • Anonymous
    The freeCodeCamp Data Visualization certification provides a deep dive into the D3.js library, which is essential for creating custom, interactive charts. I found the projects—like the Heat Map and Treemap—to be challenging but rewarding because they force you to understand how to bind data to DOM elements and work with SVG coordinates. Additionally, the section on using JSON APIs and Ajax is incredibly practical for real-world web development. This course significantly improved my ability to represent complex data structures visually and programmatically.
  • Profile image for Usman Mujawar
    Usman Mujawar
    This course has been very informative and provided a strong learning experience. The content was well structured, easy to understand, and covered important concepts in a clear and practical way. I gained valuable knowledge that will be useful in both my professional and personal development. The examples and explanations helped me understand the topics more effectively and improved my confidence in applying what I learned. Overall, this course met my expectations and enhanced my understanding of the subject. I appreciate the effort put into designing and delivering such a meaningful course. Thank you for providing this excellent learning opportunity.

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.