https://github.com/autumnchris/education-choropleth-map

A D3.js choropleth map of the US built in React.js that presents each county's percentage of adults who are college graduates.
https://github.com/autumnchris/education-choropleth-map

axios babel choropleth choropleth-map choropleth-map-challenge css3 d3 d3-js d3js data-visualization education-choropleth-map freecodecamp javascript react reactjs sass scss webpack

Last synced: 2 days ago
JSON representation

A D3.js choropleth map of the US built in React.js that presents each county's percentage of adults who are college graduates.

• Host: GitHub
• URL: https://github.com/autumnchris/education-choropleth-map
• Owner: autumnchris
• Created: 2018-12-07T05:51:47.000Z (about 6 years ago)
• Default Branch: main
• Last Pushed: 2025-02-16T18:19:20.000Z (5 days ago)
• Last Synced: 2025-02-16T19:25:54.722Z (5 days ago)
• Topics: axios, babel, choropleth, choropleth-map, choropleth-map-challenge, css3, d3, d3-js, d3js, data-visualization, education-choropleth-map, freecodecamp, javascript, react, reactjs, sass, scss, webpack
• Language: JavaScript
• Homepage: https://autumnchris.github.io/education-choropleth-map
• Size: 673 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Education Choropleth Map

A D3.js choropleth map of the US built in React.js that presents each county's percentage of adults who are college graduates.

Inspired by the [Visualize Data with a Choropleth Map challenge](https://www.freecodecamp.org/learn/data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map) as part of the curriculum for the [Data Visualization Certification](https://www.freecodecamp.org/learn/data-visualization) on [freeCodeCamp](https://www.freecodecamp.org).

---

## Built With

* [D3.js](https://d3js.org)

* [React.js](https://reactjs.org)

* [Sass](http://sass-lang.com)

* JavaScript

* CSS3

* HTML5

* [TopoJSON](https://github.com/topojson/topojson)

* [Axios](https://axios-http.com)

* AJAX

* [Node.js](https://nodejs.org/en)

* [Webpack](https://webpack.js.org)

* [Babel](https://babeljs.io)

* [Normalize.css](https://necolas.github.io/normalize.css)

* [Font Awesome](https://fontawesome.com)

* [Google Fonts](https://fonts.google.com)

## Demo

View project demo at [https://autumnchris.github.io/education-choropleth-map](https://autumnchris.github.io/education-choropleth-map).

## Instructions

After forking and cloning, navigate to the repository in your command line and install the NPM packages:

```

npm install

```

Run the following script in your command line to run the application:

```

npm start

```

Once the server is running, go to `http://localhost:8080` in your browser.

Before committing any changes, run the following script to update your static files for production:

```

npm run build

```