https://github.com/autumnchris/global-temp-chart
A D3.js heat map built in React.js that presents the monthly variance of the global temperature from the years 1753 to 2015.
https://github.com/autumnchris/global-temp-chart
babel css3 d3 d3-js d3js data-visualization freecodecamp heat-map heat-map-challenge heatmap javascript react reactjs sass scss webpack
Last synced: 3 months ago
JSON representation
A D3.js heat map built in React.js that presents the monthly variance of the global temperature from the years 1753 to 2015.
- Host: GitHub
- URL: https://github.com/autumnchris/global-temp-chart
- Owner: autumnchris
- Created: 2018-11-27T06:07:42.000Z (over 7 years ago)
- Default Branch: main
- Last Pushed: 2025-02-16T19:54:22.000Z (over 1 year ago)
- Last Synced: 2025-02-16T20:30:09.355Z (over 1 year ago)
- Topics: babel, css3, d3, d3-js, d3js, data-visualization, freecodecamp, heat-map, heat-map-challenge, heatmap, javascript, react, reactjs, sass, scss, webpack
- Language: JavaScript
- Homepage: https://autumnchris.github.io/global-temp-chart
- Size: 1.63 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Global Temperature Chart
A D3.js heat map built in React.js that presents the monthly variance of the global temperature from the years 1753 to 2015.
Inspired by the [Visualize Data with a Heat Map challenge](https://www.freecodecamp.org/learn/data-visualization/data-visualization-projects/visualize-data-with-a-heat-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
* [Node.js](https://nodejs.org/en)
* [Webpack](https://webpack.js.org)
* AJAX
* [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/global-temp-chart](https://autumnchris.github.io/global-temp-chart).
## 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
```