Movie Ratings

experimental work

This is a personal project that I've worked on. The objective of this project is to allow myself to explore and experiment what can be done by combining JavaFX and CSV data. This page will not be the same as other portfolio project pages on this site as I want this to be a project showcase and a blog post about the project, because why not?


Responsibilities

  • Researching for appropriate data and toolset to be used for the project
  • Developing the prototype

Take-Away

  • Able to understand and combine csv data with javafx to create a visualization

Before I started working on this project, I knew I wanted to work with CSV data and JavaFX. I just wasn't sure what kind of data I'm interested in working on. I came across a movie dataset in CSV file format that has ratings information about movies and I felt that this would be a fun and interesting project to work on. In this post, I will discuss about the features implemented into the visualization, approaches and challenges that came up during the development process. Source code can be accessed through GitHub.

The UI of the applcation is split into two parts, the canvas and the control toolbar. The canvas holds all the drawings and manipulations of the circles while the toolbar holds necessary UI control components that allows the user to interact with the data. These are the UI control components.

  • Year Slider: allows the user to control the year that movies are released between 1970-2005
  • Show All: would tell the application to disable the year slider control and show all movies between 1970-2005
  • Genre Toggle Buttons: toggle the canvas between different genres, action, animation, comedy, drama, comentary, romance and short film.

Various interactions are also implemented in this application. Circles change the fill and stroke color when mouse is hovered over and change back when the mouse leave.

Circles can also be moved independently around the canvas.

Last but not least, the title and rating of the movie is displayed on the toolbar when the circle is clicked.

Obviously, this project can be improved. My future plans for this project are to implement a search option that allows the user to type in the movie's title. Other search filter algorithms should be implemented as well such filter the movies by ratings. I'd also like to improve the application in a way that would support a movie with multiple types of genres because currently it can only switch between any individual genre.

Technologies

  • Java
  • JavaFX
Made withand lots of JS.