Coder Social home page Coder Social logo

ubc-mds / 532-group21 Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 4.0 5.76 MB

The app has a single main page with three visualizations that depend on the filters selected. Most importantly, the top left contains a filter which selects the statistic of interest and this is the main filter on which all of the visuals are built and includes life expectancy, child mortality, education ratio, population density and CO2 emissions.

Home Page: https://dsci532-gapexpresser.herokuapp.com/

License: MIT License

Jupyter Notebook 99.37% Python 0.63%
map slider dropdown barplot linechart hover gapminder

532-group21's Issues

Group Meeting 1

Date&Time:

15 Jan 2021, 10am - 11am (PST)

Attendees:

@chuangw46 @ebs33 @syadk @wangjc640

Actionable Items

ID Assignee Tasks Delivery Time
1 @chuangw46
  • To create two markdown files
  • To push EDA script
  • 23:59, 15 Jan 2021 (PST)
    2 @ebs33
  • To refine the prototype
  • To refine the proposal section and research question section
  • 23:59, 15 Jan 2021 (PST)
    3 @syadk
  • To write down the description of the sketch
  • 23:59, 15 Jan 2021 (PST)
    4 @wangjc640
  • To think about a name for this application
  • To add a couple of graphs in the EDA script
  • 23:59, 15 Jan 2021 (PST)

    Group Meeting 2

    Date&Time:

    19 Jan 2021, 2pm - 3pm (PST)

    Attendees:

    @chuangw46 @ebs33 @syadk @wangjc640

    Actionable Items

    Phase 1:

    ID Assignee Tasks Delivery Time
    1 @syadk @wangjc640
  • Preprocess data and save it in data/processed folder
  • Make two plots (bar chart and line chart) using altair
  • 23:59, 19 Jan 2021 (PST)
    2 @chuangw46 @ebs33
  • Dash Interface (major components, filters, map etc)
  • 23:59, 21 Jan 2021 (PST)

    Phase 2:

    ID Assignee Tasks Delivery Time
    1 @chuangw46 @wangjc640
  • Heroku deployment
  • 23:59, 22 Jan 2021 (PST)
    2 @syadk @ebs33
  • Improve the README
  • Reflection
  • 23:59, 22 Jan 2021 (PST)

    Notes:

    1. Create PRs rather than pushing directly to upstream
    2. Repo name: confirmed with Jeol: just keep it as is
    3. Note how the education ratio is calculated somewhere on the interface
    4. try to follow the project organization

    it might be better to have two subfolders under src to make structure more clear (one for wrangling work, and the other is for interface development)

    project/
    ├── data/            .csv .hdf .pkl .feather
    │   ├── processed/
    │   └── raw/
    ├── src/             .py .R
    ├── reports/         .ipynb .Rmd
    ├── doc/             .md
    ├── environment.yaml (or/and requirements.txt)
    ├── README.md
    ├── CODE_OF_CONDUCT.md
    ├── CONTRIBUTING.md
    └── LICENSE.md
    
    1. Data Preprocessing
    • Ratio = years_in_school_men / years_in_school_women
    • Select all the data starting from 1960

    Milestone 2 Feedback

    Hi Team 21,

    • Well done implementing all design features in your proposal (with a few minor edits/features that need fixing)!!
      The overall functionality and use of the dashboard is easy and intuitive.
    • I like that you have a note at the bottom describing what the education ratio means. I’m also wanting to know more about what units population density is in, and maybe a note to direct me to the bottom for descriptions. I did not immediately see the note until I had tried all of the many features you have.
    • Using the map works well. I think it would help to have black country outlines for all countries in view on the screen instead of white space because with some of the views it makes it very hard for me to intuitively know what region or sub region I am looking at.
    • would be careful with the colour changing on the world map. I realize that each region has different ranges and a changing legend helps see the differences better. However, if I am switching between regions it makes it hard for me to visually do a comparison without remembering values and calculating.
    • I also am actually quite happy with the way you have made the two plots below and I wouldn’t change the order of the bar plot to match the line plot. Having the colour matched is good enough and the ordering from highest to lowest is nice. I know I made this suggestion in your proposal, but seeing the dashboard in action I wouldn't make this change.
    • the edits you mentioned in your reflectione to the map section would definitely make that part of the dashboard stronger.

    Milestone 1 Feedback

    Hi Group 21,

    • cool choice of data and proposed use case!

    • There are a lot of grammatical errors in the ‘Research questions you are exploring’ section.

    • I would like to know more specifically what you mean by ‘fund-sensitive’ countries? I am not quite sure if these are countries where the desired outcomes were seen, or one where they had received funds previously but have not reached the goals yet?

    • I really like your dashboard design! Very thorough and looks useful to Alice!
      -It might be useful to display a title with your map and bar graph to show the user which year or data is being displayed.

    • check boxes might have to be changed to radial buttons because I think your dashboard in its current iteration can only display one Statistic of interest at a time.

    • there are a lot of interactive elements, I’m excited to see which ones you get implemented. Being able to hover over the map and get some info about the country would be helpful since colour ranges can be hard to compare by eye sometimes.

    Dash Interface

    Please post any major issue regarding Dash interface development under this issue thread.

    Include a screenshot/screencast as a gif in your repo

    Hey @chuangw46 @ebs33 @wangjc640 @syadk ! Just a heads up that if you want to change the thumbnail in the dashboard gallery I posted on slack, you can take a screencast/screen shot and save it as a gif in your repo, currently it is your sketch that is shown there. Feel free to use this one I just took and converted for you:

    gap-express-dashboard

    App Formatting & Functionality To Do - Addressing feedback

    • Increase title and axis label font size
    • Implement population size filter
    • Map chart - country IDs
    • Map chart - Black outline for all countries when filter is applied vs only displaying the selected countries (TA feedback/ Client feedback)
    • Add note on population density units (TA feedback)
    • Add asterisk to Education Ratio and Population to draw attention to notes (TA feedback)
    • Colour scale on world map changing (TA feedback)
    • Drag and zoom functionality on map chart (Client feedback)
    • Reorder legends, countries should be in the same order between both graphs
    • Full layout on screen without scrolling (Client feedback)

    Client feedback

    Hello data science team.
    Thank you for your excellent work! I have tried out the app and am pleased with its design and intuitive controls. It does most of what I want it to but I have a few suggestions for improvements:

    • It would be nice if the entire app fit on the screen without the need for scrolling down to see the lower plots or to use the controls.
    • It can be hard to see countries on the map when they appear outside the frame of the map. I have to use the small scroll bar to locate them. The ability to drag and zoom the plot with the mouse would make it easier.
    • When the selection I make contains very few countries the map can be hard to understand because the country is not shown in the context of its region. I’d like to see the outline of the other countries that are not in my selection to help orient myself.
    • When I click on a new region, I would like to see the map for the whole region without having to specify a sub-region first. This would allow me to see trends across a wider area.
    • Similarly, I would like to be able to see data across all income groups as well, not just the individual groups.

    Thanks,
    Alice Bing-Chandler

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. 📊📈🎉

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google ❤️ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.