/Scatterplot-Graph

This is a JavaScript code snippet that uses the D3.js library to create a scatter plot visualization. The code fetches data from a JSON file and plots the data points as circles on an SVG element.

Primary LanguageJavaScript

Cyclist Data Visualization

This project is a data visualization of cyclist data using D3.js. It creates a scatter plot to display information about cyclists, including their race times and any doping allegations.

Preview

Preview

Getting Started

To run the project locally, follow these steps:

  1. Clone the repository:

git clone https://github.com/your-username/your-repository.git

  1. Open the index.html file in your web browser.

Features

  • Fetches cyclist data from a JSON file.
  • Creates a scatter plot with circles representing each cyclist.
  • Uses different colors for circles based on doping allegations.
  • Displays a tooltip with detailed information when hovering over a circle.

Dependencies

  • D3.js - version X.X.X
  • XMLHttpRequest

Data Source

The cyclist data used in this project is sourced from freeCodeCamp.

License

This project is licensed under the MIT License.