Inspiration
To learn more about front-end web development while using the Google Charts API. The almighty website to the world's best rhythm game: https://osu.ppy.sh/home
What it does
It makes a choropleth map of the world by the number of active players in each country that play osu!
How we built it
We built it using HTML and JS. We also used C to format the input to Google Charts.
Challenges we ran into
The initial obstacle we had was running the script on a web browser. By doing so, we are limited to only our current domain because of same-origin policy. Instead, we opted to attempt reading the downloaded html files into a string to then parse into a document via DOMParser. In the end, we manually obtained the data from the HTML using console in Google Chrome. The data was requested using JavaScript DOM methods and then formatted using Notepad++ and the C program we wrote.
Accomplishments that we're proud of
We'll see how much father we get in 2 hours
What we learned
We learned that front-end development is much harder than it initially seemed. Learning about JavaScript was interesting since there are many security measures in place that have to be accounted for.
What's next for osu! -- Choropleth Map of Active Players by Country
To request live data from https://osu.ppy.sh/rankings/osu/country instead of statically downloading the HTML file.
Log in or sign up for Devpost to join the conversation.