US University Acceptance Rate Map Visualization

This project visualizes universities across the United States based on their acceptance rates using D3.js and React. Bubbles representing each university appear sequentially on a map of the United States, with their size scaled according to the university's acceptance rate. The bubbles are colored based on the school's official colors, and the university name and acceptance rate are displayed alongside each bubble.

Data Description

• The dataset includes the following attributes for each university:
  • Name: The name of the university.
  • Acceptance Rate: The acceptance rate at the university, used to scale the size of the bubble.
  • Radius: A value calculated based on the acceptance rate to control the size of the bubble.
  • Fill: The color used for the bubble, representing the school's color.
  • Latitude/Longitude: The geographic coordinates of the university, used to position the bubble on the map.

Data Source

The university acceptance rate data used in this project is sourced from US News. You can view the full article and dataset here: US News - Lowest Acceptance Rates.

Example data format:

```js
{
  name: 'Stanford University',
  acceptanceRate: 4,
  radius: acceptanceRate / 3,  // Scaled acceptance rate
  fill: '#8C1515',  // School color
  lat: 37.4275,
  lon: -122.1697
}