- Thread starter
- #1
Link to the webpage: https://r134x7.github.io/nintendo-earnings-data-and-other-video-game-companies/
Context, I needed to continue working on my programming skills to build my portfolio. So I thought I may as well use my Python code output of the Nintendo earnings data and build a webpage on GitHub pages.
For clarification, GitHub pages hosts only static webpages. So don't expect much functionality, there is no database for someone to make an account and post things on there. It's basically what you see is what you get.
Now you may be wondering, am I making money from it? No, there's no ads and I'm even giving free advertising to Install Base by mentioning it on every page (except the 404 page because I forgot).
Now that is out of the way, what makes my webpage different to posting the archived data here in my old thread? (The old thread if you want to compare: https://www.installbaseforum.com/fo...data-from-fy3-2017-to-present-for-switch.205/ )
The webpage has some very basic features and it is still under construction, I just wanted to get a working portion done just to show everyone what it looks like. Please note, I did reuse code from one of my previous projects just to get this done pretty quickly of which I'm referring to the style of the site mainly.
I assume that someone knowledgeable in web development is going to ask what I used to build the webpage so for those that are savvy, it's under this spoiler:
Since I said the page is under construction there is not much you'll be able to see, if you want to see something, go to the webpage, then click on the Nintendo button, search for FY3/2022 (note that the description above the search bar changes when you enter a year).
When you search that year, you should see buttons pop-up below, if you are using a keyboard you can scroll between them with the arrow keys, doing so will show you the relevant Nintendo earnings data for FY3/2022.
The background colour for the earnings code output is defaulted to grey, if you want to change the colour you would have noticed the "colour picker" next to the search bar, use that to change the background colour of the earnings code, note that while you are selecting an RGB colour, I used a .reduce function to change it into an RGBA colour which means all the colours have a fixed 20% opacity so that you don't get blinding colours.
At the bottom of the page of the earnings, you should have noticed a chart. I quickly whipped up a chart using the Top Selling Titles data for FY3/22. You will notice that the colour you pick for the background also affects the colour of the chart however, there is also default colours but these only occur when you click on one of the buttons to add a second dataset to your charts and yes, they're based off the GameCube colours. Click on the "page buttons" to cycle through the 11 games that can appear on the chart. You have the option of either using a Line chart or Bar chart.
There is a reason I am letting users only have up to two datasets on a single graph. I noticed that you can actually right-click and download the image of the chart meaning it's very easy to share online. That also means it's very easy for people to make bad graphs hence why I limited the amount of data sets you can add to a graph to only two.
I'm not really enthusiastic about the charts at this time, that's why it is only a demonstration at the moment.
Because the webpage uses JavaScript, it means that if I want to get the most out of my webpage, I will have to make new code from scratch once again like the code I made in Python for the Nintendo earnings data threads.
Lastly, you're probably wondering but no, this webpage is only for archived data and not the most recent data. I am still going to be making earnings release threads with the tables you have seen before so I won't even update the webpage with data from FY3/2023 until the fiscal year ends which is next year.
Context, I needed to continue working on my programming skills to build my portfolio. So I thought I may as well use my Python code output of the Nintendo earnings data and build a webpage on GitHub pages.
For clarification, GitHub pages hosts only static webpages. So don't expect much functionality, there is no database for someone to make an account and post things on there. It's basically what you see is what you get.
Now you may be wondering, am I making money from it? No, there's no ads and I'm even giving free advertising to Install Base by mentioning it on every page (except the 404 page because I forgot).
Now that is out of the way, what makes my webpage different to posting the archived data here in my old thread? (The old thread if you want to compare: https://www.installbaseforum.com/fo...data-from-fy3-2017-to-present-for-switch.205/ )
The webpage has some very basic features and it is still under construction, I just wanted to get a working portion done just to show everyone what it looks like. Please note, I did reuse code from one of my previous projects just to get this done pretty quickly of which I'm referring to the style of the site mainly.
I assume that someone knowledgeable in web development is going to ask what I used to build the webpage so for those that are savvy, it's under this spoiler:
- React in TypeScript (Note: I am only just using TypeScript so I know I am not using it properly.
- Mantine (React Component Library) (provided things like the app shell and the dark theme)
- React-router-dom for url linking
- Chart.js and react-chart-js2 for creating the graphs
- tabler-icons-react for the icons that are next to buttons (probably only one I counted)
- Redux Toolkit for state management (used for the ColorPicker to apply the color to components)
- Mantine (React Component Library) (provided things like the app shell and the dark theme)
- React-router-dom for url linking
- Chart.js and react-chart-js2 for creating the graphs
- tabler-icons-react for the icons that are next to buttons (probably only one I counted)
- Redux Toolkit for state management (used for the ColorPicker to apply the color to components)
Since I said the page is under construction there is not much you'll be able to see, if you want to see something, go to the webpage, then click on the Nintendo button, search for FY3/2022 (note that the description above the search bar changes when you enter a year).
When you search that year, you should see buttons pop-up below, if you are using a keyboard you can scroll between them with the arrow keys, doing so will show you the relevant Nintendo earnings data for FY3/2022.
The background colour for the earnings code output is defaulted to grey, if you want to change the colour you would have noticed the "colour picker" next to the search bar, use that to change the background colour of the earnings code, note that while you are selecting an RGB colour, I used a .reduce function to change it into an RGBA colour which means all the colours have a fixed 20% opacity so that you don't get blinding colours.
At the bottom of the page of the earnings, you should have noticed a chart. I quickly whipped up a chart using the Top Selling Titles data for FY3/22. You will notice that the colour you pick for the background also affects the colour of the chart however, there is also default colours but these only occur when you click on one of the buttons to add a second dataset to your charts and yes, they're based off the GameCube colours. Click on the "page buttons" to cycle through the 11 games that can appear on the chart. You have the option of either using a Line chart or Bar chart.
There is a reason I am letting users only have up to two datasets on a single graph. I noticed that you can actually right-click and download the image of the chart meaning it's very easy to share online. That also means it's very easy for people to make bad graphs hence why I limited the amount of data sets you can add to a graph to only two.
I'm not really enthusiastic about the charts at this time, that's why it is only a demonstration at the moment.
Because the webpage uses JavaScript, it means that if I want to get the most out of my webpage, I will have to make new code from scratch once again like the code I made in Python for the Nintendo earnings data threads.
Lastly, you're probably wondering but no, this webpage is only for archived data and not the most recent data. I am still going to be making earnings release threads with the tables you have seen before so I won't even update the webpage with data from FY3/2023 until the fiscal year ends which is next year.