PythonDataScience24 / Group_01_Inspectair

:tornado: InspectAir is an advanced, user-friendly interactive dashboard designed to provide comprehensive insights into air quality across the globe. :wind_face: :earth_africa:
MIT License
2 stars 2 forks source link

General aesthetic improvement - debug button #19

Closed michael-jopiti closed 5 months ago

michael-jopiti commented 5 months ago

Hey guys/girls!

I really loved your project, great job!

I love the idea to use a webpage to enhance the interactivity between the user and the code, but I feel like there is too much too soon. I know that front-end developing is extremely painful and outside the scope of this project, but maybe tweaking the code just a bit could create an even more pleasant appearance. For instance you could exploit better the hierarchy of elements with different font sizes and remove repetitive options with a drop-down menu (like Station type(s)), or let the user choose which of the graphs to be shown (graph on the right is a bit hard to read as it's too small). Lastly, if the user has zoomed too much into the webpage he/she can get stuck scrolling in the world map and will not be able to get back on top.

I also noticed on the bottom right a debug button, I don't know if it is by choice or not, but I have the feeling that the user should not be able to see back-end errors like "callback error updating ..indicator-graphic.figure...bar-graph-matplotlib.src...bar-graph matplotlib_bottom.src...folium-map.srcDoc.. 22:40:01".

Keep up the good work! Bioinfo gang skr skr

Hecthor1999 commented 5 months ago

The debug button should be invisble now, thank you :). Working on aesthetics right now.

Hecthor1999 commented 5 months ago

general aesthetics optimized, logo included on the dashboard, added padding to the map.

Hecthor1999 commented 5 months ago

dropdown menu for weather station types included, optimized layout pushed