DreasWeiss / fccDataVisualization

Data Visualization Certification freeCodeCamp

Data Visualization

link
Data Visualization Certification freeCodeCamp

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

Courses

Data Visualization with D3

D3, or D3.js, stands for Data Driven Documents. It's a JavaScript library for creating dynamic and interactive data visualizations in the browser.

D3 is built to work with common web standards – namely HTML, CSS, and Scalable Vector Graphics (SVG).

D3 supports many different kinds of input data formats. Then, using its powerful built-in methods, you can transform those data into different charts, graphs, and maps.

In the Data Visualization with D3 courses, you'll learn how to work with data to create different charts, graphs, hover elements, and other ingredients to create dynamic and attractive data visualizations.

title-link	done	path	solution
Add Document Elements with D3	✅	path	solution
Select a Group of Elements with D3	✅	path	solution
Work with Data in D3	✅	path	solution
Work with Dynamic Data in D3	✅	path	solution
Add Inline Styling to Elements	✅	path	solution
Change Styles Based on Data	✅	path	solution
Add Classes with D3	✅	path	solution
Update the Height of an Element Dynamically	✅	path	solution
Change the Presentation of a Bar Chart	✅	path	solution
Learn About SVG in D3	✅	path	solution
Display Shapes with SVG	✅	path	solution
Create a Bar for Each Data Point in the Set	✅	path	solution
Dynamically Set the Coordinates for Each Bar	✅	path	solution
Dynamically Change the Height of Each Bar	✅	path	solution
Invert SVG Elements	✅	path	solution
Change the Color of an SVG Element	✅	path	solution
Add Labels to D3 Elements	✅	path	solution
Style D3 Labels	✅	path	solution
Add a Hover Effect to a D3 Element	✅	path	solution
Add a Tooltip to a D3 Element	✅	path	solution
Create a Scatterplot with SVG Circles	✅	path	solution
Add Attributes to the Circle Elements	✅	path	solution
Add Labels to Scatter Plot Circles	✅	path	solution
Create a Linear Scale with D3	✅	path	solution
Set a Domain and a Range on a Scale	✅	path	solution
Use the d3.max and d3.min Functions to Find Minimum and Maximum Values in a Dataset	✅	path	solution
Use Dynamic Scales	✅	path	solution
Use a Pre-Defined Scale to Place Elements	✅	path	solution
Add Axes to a Visualization	✅	path	solution

JSON APIs and AJAX

Similar to how UIs help people use programs, APIs (Application Programming Interfaces) help programs interact with other programs. APIs are tools that computers use to communicate with one another, in part to send and receive data.

Programmers often use AJAX (Asynchronous JavaScript and XML) when working with APIs. AJAX refers to a group of technologies that make asynchronous requests to a server to transfer data, then load any returned data into the page. And the data transferred between the browser and server is often in a format called JSON (JavaScript Object Notation).

This course will teach you the basics about working with APIs and different AJAX technologies in the browser.

title-link	done	path	solution
Handle Click Events with JavaScript using the onclick property	✅	path	solution
Change Text with click Events	✅	path	solution
Get JSON with the JavaScript XMLHttpRequest Method	✅	path	solution
Get JSON with the JavaScript fetch method	✅	path	solution
Access the JSON Data from an API		path	solution
Convert JSON Data to HTML		path	solution
Render Images from Data Sources		path	solution
Pre-filter JSON to Get the Data You Need		path	solution
Get Geolocation Data to Find A User's GPS Coordinates		path	solution
Post Data with the JavaScript XMLHttpRequest Method		path	solution