diff --git a/README.md b/README.md index 322601e..1bfe2e4 100644 --- a/README.md +++ b/README.md @@ -26,7 +26,7 @@ We propose building a visualization app to allow IOC members (and members of the ## Description of The Dashboard -To explore the current dashboard, please click [here](https://olympic-dash-dsci532-group22-p.herokuapp.com/). +To explore the current dashboard, please click [here](https://olympic-dash-r-22.herokuapp.com/). This app contains a dashboard which visualizes Olympic data from 1896 up until 2016. Key metrics of interest will be displayed including: @@ -35,8 +35,8 @@ Key metrics of interest will be displayed including: - Athlete height based on Olympic events - Medals per country will be displayed -Medals earned per country will be displayed via a bubble chart accompanied by a -slider, allowing users to control the year of the Olympics displayed by the graph. +Medals earned per country will be displayed via a bubble chart. Countries +are color coded by the IOC continent region they belong to. A bar chart will show the medals earned for each athlete age bracket, while a histogram will show the distribution of athlete heights based on the event selected. These figures @@ -49,12 +49,14 @@ to display on the graph. Radio buttons on the side of the dashboard will allow for filtering of summer/winter Olympics data, in addition to allowing for users to filter data -by the type of medals. Using these filters, users will be able to investigate trends -in Olympic success between countries, medal types, athlete demographics, and more. +by the type of medals. Additionally a year slider will allow for users to filter +data in the bubble chart and both histograms by year. Using these filters, users +will be able to investigate trends in Olympic success between countries, medal types, +athlete demographics, and more. -## Proposed Sketch +## Example Usage -![Alt text](img/olympic-dash-proposal.png?raw=true "Dashboard Proposal") +![Alt text](img/dash-R-usage.gif) ## Contribute to This Dashboard diff --git a/doc/reflection-milestone4.md b/doc/reflection-milestone4.md new file mode 100644 index 0000000..a8e089d --- /dev/null +++ b/doc/reflection-milestone4.md @@ -0,0 +1,11 @@ +### Milestone 4 Reflection + +Throughout Milestone 4, we have acted on key pieces of feedback and changed the way in which our app works to better accommodate the user. To allow for better interactivity, we implemented tooltips into both of our histograms so that the user will be able to see exact values. We implemented a cleaner design layout in addition to graph annotations so that the dashboard is more pleasing to the eye and users are able to clearly distinguish the purpose of graphs. We also annotated the sliders and moved the year slider to the top of our dashboard so that its purpose in filtering the entire dashboard would be clearer. A better color scheme was also added to the `Total Medal Count` graph so that countries are able to be distinguished by continent. + +Additionally, to address the loading speed issue concerning our dashboard, we frontloaded preprocessing into individual scripts and divided the data into several smaller data files. This allowed the dashboard to load much quicker locally, but we were not able to completely eliminate the loading time on heroku. To address the issue of certain slider values causing the dashboard to show no data due to irregularities in olympic years, we restricted the year slider to specific values. + +A general theme among the feedback we received was to improve the clarity and usability of our dashboard. The milestone 2 version of our dashboard did not contain many clarity features due to the time constraint. As a result, many points of feedback were related to interactivity, aesthetics, and clarity of data, all of which have been addressed this milestone. + +The R dashboard at this time contains the Milestone 2 version of our python dashboard, meaning it doesn’t have many of the clarity features implemented in milestone 4. It will contain a proper version of each graph, but still has the previous clarity issues mentioned before, such as certain year slider values causing graphs to be empty, long loading times, and the lack of slider annotations. + +Ultimately, the most valuable feedback we received was feedback about dashboard annotations. We recognized that our dashboard lacked clarity and sliders lacked clarity when having peers test it out. This was very valuable to help us clean the dashboard layout and allowed us to make the purposes of sliders and radio buttons much more clear in our final iteration. diff --git a/img/dash-R-usage.gif b/img/dash-R-usage.gif new file mode 100644 index 0000000..b23ba57 Binary files /dev/null and b/img/dash-R-usage.gif differ