Skip to content

DreasWeiss/fccDataVisualization

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Data Visualization Certification freeCodeCamp

Topics

Resources

Stars

Watchers

Forks

Languages