https://github.com/autumnchris/gdp-bar-chart

A D3.js bar chart built in React.js that presents the changes in the US Gross Domestic Product from 1947 to 2015.
https://github.com/autumnchris/gdp-bar-chart

babel bar-chart css3 d3 d3-barchart d3-js d3js data-visualization freecodecamp javascript react reactjs sass scss svg webpack

Last synced: 2 days ago
JSON representation

A D3.js bar chart built in React.js that presents the changes in the US Gross Domestic Product from 1947 to 2015.

• Host: GitHub
• URL: https://github.com/autumnchris/gdp-bar-chart
• Owner: autumnchris
• Created: 2018-11-21T20:14:19.000Z (over 6 years ago)
• Default Branch: main
• Last Pushed: 2025-02-16T18:49:56.000Z (5 days ago)
• Last Synced: 2025-02-16T19:32:50.982Z (5 days ago)
• Topics: babel, bar-chart, css3, d3, d3-barchart, d3-js, d3js, data-visualization, freecodecamp, javascript, react, reactjs, sass, scss, svg, webpack
• Language: JavaScript
• Homepage: https://autumnchris.github.io/gdp-bar-chart
• Size: 2.35 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# GDP Bar Chart

A D3.js bar chart built in React.js that presents the changes in the US Gross Domestic Product from 1947 to 2015.

Inspired by the [Visualize Data with a Bar Chart challenge](https://www.freecodecamp.org/learn/data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart) 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/gdp-bar-chart](https://autumnchris.github.io/gdp-bar-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

```