https://github.com/chauxvive/fccchoropleth

A D3.js-based choropleth map visualizing U.S. census data on education levels by state, built as part of the FreeCodeCamp Data Visualization certification. It enables users to explore state-wise educational attainment data interactively.
https://github.com/chauxvive/fccchoropleth

d3 d3js data-visualization dataviz

Last synced: about 2 months ago
JSON representation

A D3.js-based choropleth map visualizing U.S. census data on education levels by state, built as part of the FreeCodeCamp Data Visualization certification. It enables users to explore state-wise educational attainment data interactively.

• Host: GitHub
• URL: https://github.com/chauxvive/fccchoropleth
• Owner: chauxvive
• Created: 2025-01-30T16:11:02.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-22T02:36:21.000Z (over 1 year ago)
• Last Synced: 2025-03-01T14:20:31.285Z (over 1 year ago)
• Topics: d3, d3js, data-visualization, dataviz
• Language: JavaScript
• Homepage: https://chauxvive.github.io/FCCChoropleth/
• Size: 8.71 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![Rocktzar logo](https://res.cloudinary.com/mpauldesigns/image/upload/c_scale,q_100,w_200/v1540421311/rocktzar_red.png)

# FCC Choropleth Map

An interactive choropleth map visualizing U.S. census data on education levels by state, built using D3.js as part of the FreeCodeCamp Data Visualization certification.

[🔗 **Try it out here**](https://chauxvive.github.io/FCCChoropleth)

---

## 🔹 The Project  

This app was built as part of the **FreeCodeCamp Data Visualization path** offering a dynamic map where users can explore educational attainment data for U.S. states. It provides an interactive experience for users to compare the percentage of students with completed bachelor's degrees in each county.

---

## 🔹 Features

- **Choropleth Map**: Displays county-level education rates.

- **Interactive Tooltip**: Display data of chosen county's rates

---

## 🔹 Technologies Used

- **D3.js** (Data visualization)  

- **JavaScript/ES6** (Core programming)  

- **HTML5 & CSS3** (Responsive design)

---

## 🔹 How to Run Locally  

1. **Clone the repository**  

   ```git clone https://github.com/chauxvive/FCCChoropleth.git```

2. **Navigate to the project folder**

   

   ```cd USChildPoverty```

4. **Install dependencies**

   ```npm install```

6. **Start the development server**

   

   ```npm run dev```

8. **Open the app in your browser**

   

Visit:

   ```http://localhost:5173/```

---

## 🔹 Who Am I?  

I’m a **Software Developer & Marketing Specialist** from Connecticut, open to new roles in **development, project management, and design-driven tech solutions**.  

📩 **Let’s connect!** [LinkedIn](https://www.linkedin.com/in/mpauldesigns/) | [GitHub](https://github.com/chauxvive)  

---

💡 **Suggestions or bug reports?** Open an issue or submit a PR!