luxiya01/moviz

Moviz - Visualization of world-wide movie consumption & production

moviz's Issues

Elasticsearch?

• Check if elasticsearch could be used to optimize sorting and searching
• If yes, incorporate it into the project

Total revenue per capita

Database

• Create a database consisting of:
  • Box office sales per movie per year from boxofficemojo @RoddeTheR
  • Detailed information per movie from IMDB @luxiya01
    • Text info
    • Calculate verage IMDB rating per country
    • Image link from IMDB
    • Extend database to all movies taken from boxofficemojo

Search bar optimization

• Search bar seems to crash the website when slider is dragged too frequently.
• Fix number of items displayed: display entire database rather than only top 700 movies.

Various other Vue.js components

• Timeline slider
• Buttons: revenue, IMDB-rating, awards
• Switch button: total / per capita
• Button: deselect countries

Disable total / per capita toggle in IMDB view

Extend database (IMDB)

• Scrap more movie info from IMDB

Create a d3 map

• Create an interactive d3 map
• Hover over a country to see details
• Color countries differently based on box office values

Reload total revenue correctly

The total revenue visualization should be reloaded when:

• the user clicks on IMDB rating and then click back to "revenue"
• the search bar resets from one single movie back to the entire movie database (the user clicks on the selected movie)

Add legend to map

Country onclick

• Decide what to should be shown when a country is clicked. Ideas:
  • Pie chart showing how much revenue each genre generates from this country
  • Pie chart showing how much revenue each movie generates from this country
  • Pie chart showing how much revenue each movie made by this country generates
• Implement the decided functionality
• Potential enhancement: add functionality to compare countries

About page

• Add individual contributions

Deselect year

Deselect year button bug: When clicked once, the value is set to 2020. When clicked twice, the value is set to 2000 - 2019 (the correct behavior)...

Update website code base with the new database

The new database changed some variable names and formatted revenue as integers rather than strings.

Make repo public

Extend database (Boxoffice)

• Scrap boxoffice data for more movies.

Color scheme for each genre?

Merge IMDB & Boxoffice data

Clickable prototype

• Create a clickable prototype for the hello world demo

Timeline

• Add timeline component
• Link it to the movie database
• Link it to the map: When timeline selected, the map should show the revenue of movies released on that specific year.

Update repo description

Add functionalities to search bar

• Search by country
• Search by genre

Search bar

• Create a search bar Vue.js component
• On search, show detailed information of the film in a side bar.

Map size

• Map size dependent on initial window size
• Map size changes on window resize

Search bar bug

When one movie is selected, the search bar should only display the selected movie and hide everything else.