Skip to content

Commit

Permalink
added usage gif and udpated readme
Browse files Browse the repository at this point in the history
  • Loading branch information
Song Yang committed Mar 19, 2022
1 parent 3a80a90 commit 69ee1cf
Show file tree
Hide file tree
Showing 3 changed files with 20 additions and 7 deletions.
16 changes: 9 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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:
Expand All @@ -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
Expand All @@ -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

Expand Down
11 changes: 11 additions & 0 deletions doc/reflection-milestone4.md
Original file line number Diff line number Diff line change
@@ -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.
Binary file added img/dash-R-usage.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 69ee1cf

Please sign in to comment.