How did you make the webpage??

[ashwin316]

Hello polakowo

First of all your project is just awesome, and the best part about it is the website you have made based on the topic. I wanted to know how did you create such a website, as I too want to develop one. I have also worked on the same dataset, and have created a project: Project. I wish to create a website using my project, so it would be helpful if u could guide me about the same.

Thanks

[polakowo]

Hi Saiyan2208,

I really appreciate that. The website is created using Github Pages (https://pages.github.com). For this, create a Github repository and enable the service under Settings -> Options -> Github Pages. By default your master branch will host the source code. Then you have some options:

• you can choose a template suggested by Github and populate content using Jekyll (markdown). Choose this option if you want to serve only static content (adding css & javascript here is cumbersome).
• or as I did choose a GitHub Page template that you like and find (by name) its source code on Github (https://pages.github.com/themes/),
• or create one from scratch

The most important part is data visualization. For this I used D3.js (https://d3js.org), which is quite challenging to learn, but it's the most comprehensive library you will find on the web. If you master D3 you will be able to create some amazing dynamic and fully interactive charts (examples here https://bl.ocks.org). One important aspect when dealing with dynamic visualizations is data consumption and processing speed. Make sure you provide only filtered & compressed data to reduce lags. If the amount of data your visualization consumes is huge, the interaction flow will be slow.

If you feel D3 might be an overkill, look at my other project (https://polakowo.github.io/oscarobber/). Here I use regular images and Plotly.

Feel free to ask if you've got any other questions.
Best regards