https://github.com/autumnchris/doping-allegations-scatterplot
A D3.js scatterplot built in React.js that presents the top 35 fastest completions of the Alpe d'Huez and whether or not the associated cyclist has been accused of doping during that period.
https://github.com/autumnchris/doping-allegations-scatterplot
babel css3 d3 d3-js d3js data-visualization data-visualization-certification doping-allegations-scatterplot freecodecamp javascript react reactjs sass scatterplot scatterplot-graph-challenge scss webpack
Last synced: about 1 month ago
JSON representation
A D3.js scatterplot built in React.js that presents the top 35 fastest completions of the Alpe d'Huez and whether or not the associated cyclist has been accused of doping during that period.
- Host: GitHub
- URL: https://github.com/autumnchris/doping-allegations-scatterplot
- Owner: autumnchris
- Created: 2018-11-26T06:43:15.000Z (about 7 years ago)
- Default Branch: main
- Last Pushed: 2025-02-16T18:08:56.000Z (10 months ago)
- Last Synced: 2025-02-16T19:22:42.199Z (10 months ago)
- Topics: babel, css3, d3, d3-js, d3js, data-visualization, data-visualization-certification, doping-allegations-scatterplot, freecodecamp, javascript, react, reactjs, sass, scatterplot, scatterplot-graph-challenge, scss, webpack
- Language: JavaScript
- Homepage: https://autumnchris.github.io/doping-allegations-scatterplot
- Size: 2.06 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Doping Allegations Scatterplot
A D3.js scatterplot built in React.js that presents the top 35 fastest completions of the Alpe d'Huez and whether or not the associated cyclist has been accused of doping during that period.
Inspired by the [Visualize Data with a Scatterplot Graph challenge](https://www.freecodecamp.org/learn/data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph) 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/doping-allegations-scatterplot](https://autumnchris.github.io/doping-allegations-scatterplot).
## 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
```