Data Visualization
Offered By: freeCodeCamp
Course Description
Overview
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
Related Courses
MongoDB for DBAsMongoDB University MongoDB for Node.js Developers
MongoDB University Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity Programming Mobile Services for Android Handheld Systems: Communication
Vanderbilt University via Coursera HTML, CSS, and Javascript for Web Developers
Johns Hopkins University via Coursera