Skip to content

This project provides a way for IB students to view and visualize historical IB grade distributions. This was built with React, HTML, Bootstrap, CSS, Node.js, Express, MongoDB, Chart.js, Excel, and Python.

Notifications You must be signed in to change notification settings

chrischang5/ibgrades

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

IB Grades React Website

This project provides a way for IB students to view and visualize historical International Baccalaureate (IB) grade distributions. Currently, it's a proof of concept with data only available for May 2019 and May 2018. But, I hope to eventually add all available data, deploy the project, and add these features in the future.

This project was built using React, HTML, Bootstrap CSS, Chart.js, Node.js, Express, MongoDB, Excel, and Python.

Key Features

Responsive Graphs

The website uses chartjs-react-2 to create dynamic and responsive charts to display the grades data

image

Cascading Dropdowns

Dropdowns dynamically populate based on previous selections in the search bar and based on what is readily available in the database.

Example: Currently only May 2018 and May 2019 data is available and this is reflected in the dropdown

image

Example: Level dropdown with two fields when 2019 May Physics is selected.

image

Example: Level dropdown populated with one field when 2019 May Food Sci. Tech is selected.

image

Data Sources

The grade distribution data comes directly from the May and November releases of the Diploma Programme (DP) Statistical Bulletins. These bulletins can be found on IBO's DP statistical bulletin page. A repository containing the PDFs and CSV formats of the data is available on my GitHub.

Future Features

On top of automating the gathering and parsing of more grades data, I hope to include some statistical analyses of each grade distributions so I can explore the field of data science and statistics. I also hope to add a way to view historical trends of classes. A final feature would be to create more visuals for other data found in the DP Statistical Bulletins and encorporate them into the website.

This project is in no way affiliated with IBO or the IB Programme.

About

This project provides a way for IB students to view and visualize historical IB grade distributions. This was built with React, HTML, Bootstrap, CSS, Node.js, Express, MongoDB, Chart.js, Excel, and Python.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published