https://github.com/nix7amcm/fcc-data-viz-cert-projects
These are my projects for the freeCodeCamp Data Visualization certification.
https://github.com/nix7amcm/fcc-data-viz-cert-projects
d3 d3-visualization d3js data-visualization data-viz freecodecamp freecodecamp-project html-css-javascript
Last synced: about 2 months ago
JSON representation
These are my projects for the freeCodeCamp Data Visualization certification.
- Host: GitHub
- URL: https://github.com/nix7amcm/fcc-data-viz-cert-projects
- Owner: Nix7amcm
- Created: 2024-05-12T18:26:42.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-05T19:38:23.000Z (about 2 years ago)
- Last Synced: 2025-03-31T09:18:55.681Z (about 1 year ago)
- Topics: d3, d3-visualization, d3js, data-visualization, data-viz, freecodecamp, freecodecamp-project, html-css-javascript
- Language: JavaScript
- Homepage: https://nix7amcm.github.io/FCC-Data-Viz-Cert-Projects/
- Size: 2.95 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# freeCodeCamp Data Visualization Projects
This is my code for my projects for the freeCodeCamp Data Visualization Certification.
The projects were completed using D3.js, a JavaScript library for creating dynamic and interactive data visualizations in the browser.
I used HTML to create the baseline structure, then the charts were created using D3.js to manipulate the DOM and SVG elements to display the data. Some of the styling was also done with D3.js, then further customised with CSS.
All datasets were provided by freeCodeCamp.
The projects include a bar chart, a scatterplot graph, a heat map, a choropleth map and a treemap.
## Projects
1. [Bar Chart](https://nix7amcm.github.io/FCC-Data-Viz-Cert-Projects/bar-chart/index.html)
2. [Scatterplot Graph](https://nix7amcm.github.io/FCC-Data-Viz-Cert-Projects/scatterplot/index.html)
3. [Heat Map](https://nix7amcm.github.io/FCC-Data-Viz-Cert-Projects/heat-map/index.html)
4. [Choropleth Map](https://nix7amcm.github.io/FCC-Data-Viz-Cert-Projects/choropleth/index.html)
5. [Treemap](https://nix7amcm.github.io/FCC-Data-Viz-Cert-Projects/treemap/index.html)
## Certificate
You can view my certificate [here](https://www.freecodecamp.org/certification/nixamcm-788/data-visualization).