Attainable is an app that allows high school students to input their current GPA and view the potential colleges on a map that they can gain admission to. The student can also input a target GPA, which will update the map to show the additional colleges that they could reach for if they bring their GPA up to the target number. The results will show on both a map and in a list, whereas there will also be additional filters that can be applied on these results.
With the Attainable application, users will be able to:
- Input a students current GPA
- View the potential colleges based on this number
- Allow for secondary target GPA input to show updated results if GPA is attained by the time they apply
- Updated colleges will show with illuminated effect, clarifying the difference from the current GPA colleges
In addition, this project will include:
- A production README
- Vanilla JavaScript
- D3.js + HTML5 + CSS3
- Webpack
- Parse json file which includes university with corresponding GPA, as well as additional information
- D3 tutorials
- Determine how to parse json file
- Generate US map skeleton
- Use parsed json to place universities in proper locations on map
- Generate filtering via current GPA
- Generate filtering via target GPA
- Illuminate graphs that are found using filter
- Generate list of filtered colleges to the left of map
- Touch up CSS effects of map illumination
- Add additional filter options for the results