ubc-mds / movie_selection

An app to select movies for streaming services

Movie Selection App

The Movie Selection App assists movie investors in selecting the popular and profitable movies for each genre and a specified budget range and compare different production studios. You can view the currently deployed version here

Contributors: DSCI_532_group7

Data visualization project for DSCI 532 (Data Visualization II); a course in the Master of Data Science program at the University of British Columbia.

1. Alex Truong
2. Peter Yang
3. Vignesh Rajakumar
4. Asma Al-Odaini

Overview

The app displays information on movie investment strategies based on factors like genre, budget, revenue, studios, and top rated movies, etc. The target audience of this app are online streaming service companies and movie investors. On the left panel of the app, the users would be able to use the dropdown menu to select a genre and use a slide bar to choose budget range that suit their interest. Based on the selected genre and budget, the app will display average revenue and profit as highlighted text. The middle panel of the app shows the financials and voting average of the studios given selected genre and budget. After reviewing the performance of the studios, the users would be able to filter to their studio of interest by clicking on the dropdown menu on the right panel of the app. The app will then display the movie ratings and top 10 movies with name, profit, run time and vote average for the selected genre, budget and studio so that the investors would get an idea on the successful movies that suit their appetite.

Environment Creation

To install the Movies Selection App environment for all dependencies and packages, please follow these steps:

1. If you are using Windows, open up the Anaconda Prompt from the start menu. On MacOS and Linux you can use your default terminal (e.g. terminal.app on MacOS) instead of the Anaconda Prompt.
2. Type conda env create -n movies -f environment.yaml and press enter.
3. After the environment has been created, switch to the environment by typing conda activate movies and hitting enter.

Support

If you run into troubles, please check the issue list to see if your problem has already been reported or to open new issues.

Contributions

Feedback and suggestions are always welcome! Please read the contributing guidelines to get started.

Code of conduct

In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. Detailed descriptions of these points can be found in CODE_OF_CONDUCT.md.

movie_selection's Issues

Milestone 3 Feedback

Marking:
0.5 Interactive Dash app with R and ggplotly: Quality, please see suggestions!

Suggestions:
Hi, great job at creating and deploying your movie app on R! I like the consistency that you guys have between the python and r deployment. It looks very clean, and I like the use of triangles as markers for the data. I also really appreciate that the manipulation of the chart is spaced properly.
Great job! For milestone 4, one suggestion would be to add additional functionalities, in terms of additional ways to manipulate the data on the left.

Fix alignment of cards at the top

Minutes: Meeting 3

1. Feedback from TA
   • Restructure the design to show the story better
   • Clean up typos in proposal
2. Redesign app layout
3. Restructure folder structure
4. Split up work
5. Pair programming

Milestone 2 Feedback

Marking:
-0.5 Alignment of the table “put the average voting above the voting average by studio, as well as average box value above Financials By Studio, since they are correlated,”

Suggestion:
Great job, I think your group made some great changes to streamline the new design in the new app sketch. I really like the column to the left; it is very clean. A general suggestion for the deployed app, make sure to center each of the graphs within each bordered square. I think it would be clearer if you put the average voting above the voting average by studio, since they are correlated. Maybe best fit line for voting profile dot plot. As you mentioned in your reflection, I believe some next steps could include “the functionality whereby when user clicks on a particular studio on either of the boxplot charts of the top rows, the rest of the un-clicked studios would be greyed out and the lower scatter plot and the table would reflect the chosen studio's information accordingly.” Have a great week!

Horizontally stack table and scatter plot

Proposal updates

Update proposal

Add Contributing.md

Could you use this optimized version of your GIF?

Hey @vigneshRajakumar @anodaini @athy9193 @xudongyang2 ! Do you mind switching to this optimized versus of your gif? The dashboard showcase is having some performance degradation on Chrome from everyone's great gifs. This one is still pretty good quality and 2 MB instead of 8 MB.

Milestone 4 feedback

Suggestions:
Amazing! Great job looks amazing! Great job at finishing DSCI 532!

"Peer" feedback M2

Hello group 7, Sara here.
I am trying to make it big in the movie streaming business my company Bestflix (IP theft!!) and it looks like your dashboard could help! I took your it for a spin and here are my thoughts:

• First off, great color selection, and stylish side bar! The motivations text in the sidebar and plot titles in the card boxes are also really effective.
• Could you align the cards over the plot with the same value? It seems like the are switched left right now.
• Oh and it would be useful if you would in clude that average (or median) value as a vertical line in your boxplots so that I could see easily which do better than the average, something like this https://altair-viz.github.io/gallery/bar_chart_with_mean_line.html
• Your table and scatter plot is taking up a lot of horzontal space, it would be easier to read them if they were next to each other like the boxplots
  • After this I think you can fit the entire app into one full page view with no need for scrollbars, that would look nice!
• And do you think you could add some additional controls to your data set? Something else we could filter on like, revenue rang, number of votes or such? I feel like there could be some complexity/functionality added.

I am definitely liking it overall and think this could be really useful for me moving forward!

Canvas submission M1

use canvas-submission.md to submit

Add average and median lines to box plots

Milestone 1 Feedback

Grading:
-0.5 for Spelling Section 1: Motivation and Purpose: Writing
-1 missing contribution.md

Suggestions:
It looks great overall, a bit cluttered but ii like the colour scheme!
Keep all the filters onto one side, and in your diagram, it looks as though it would be the left side. It looks a bit cluttered, and for Milestone 2, it might be wise to implement essential functionality first.
Make a contribution.md file
All in all great job!

Separate pre-processing to a new script

• Handle bad data
• Handle nulls, if present
• save as csv

Minutes: Meeting 1

Minutes: Meeting 1

Agenda

• Set up Github repo
• Set up Group Google Docs
• Drafted and discussed team contract

To do

• Each to do research for idea on Proposal.md and README.md (description of app & sketch)
• Create a pull request for the team to consider
• Voting rubrics

Topic	Data Name	DataLink	Data size	Feasibility	Intertest	By	Votes

Please do your work in a project virtual environment you created (dsci531 could be a good base) so that other teammate can reproduce your results. Thank you

Next meeting Time

6pm PST 13 Jan 2021 (after lab)