2e:null 2f:["$","title",null,{"children":"Jump Scares in Horror Movies - Final Project - IAT 355 | nussyr3 | Observable"}] 34:T743,md` [Where's The Jump](https://wheresthejump.com/full-movie-list/): This website contains information on the number of jump scares there are in a movie, including when they occur, a description of the jump scare, whether it is a minor or major jump, the movie's jump scare level, director, year of release, and IMDb score. [IMDB 5000 Movie Dataset](https://data.world/data-society/imdb-5000-movie-dataset): The second dataset we used was obtained from IMDb. The values we used from this dataset include the movie's duration, MPAA rating, budget, worldwide gross, and genres. Unfortunately, a lot of the recent horror movies were not included in the second dataset, so we referred to each movie's IMDb, Wikipedia, and Rotten Tomatoes page to obtain missing and other variables necessary. In terms of data manipulation, we ended up compiling a lot of the dataset to fit the goal of our visualization. Taking a top-down approach, we decided on additional dimenions that we would need to make this visualization come together. This included finding values for the movie's month of release, deciding on a sub-genre based on the movie's Wikipedia listing, and creating a new field for its award status. Data cleaning can be viewed [here](https://observablehq.com/@nussyr3/horror-movies-dataset). The final dimensions we ended up using in our visualizations were: * *Where's the Jump:* * Movie Name - nominal * Director - nominal * Year of Release - quantitative * Jump Scare Count - quantitative * Jump Scare Timecode - quantitative * Jump Scare Description - tooltip * Type of Jump Scare - nominal * *IMDb:* * Month of Release - nominal * MPAA Rating - nominal * Award - nominal * *Wikipedia:* * Sub-genre - nominal * *Rotten Tomatoes:* * Critics Score - quantitative * Audience Score - quantitative `35:Td17,viewof awardsChart = VegaLite({ hconcat: [{ layer: [ { // first visualization - stroke title: "Award Status of Movies by Month", data: {values: movies}, mark: { type: "bar", filled: false, stroke: "darkred", height: 16, }, width: 300, height: 300, encoding: { y: {field: "Month", type: "nominal", sort: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]}, x: {field: "Award", aggregate: "count", type: "nominal"}, } }, { // first visualization - fill data: {values: RTFiltered}, mark: { type: "bar", height: 14, }, transform: [ {filter: {field: "Award", oneOf: awardcheckbox}}, {filter: {field: "Genre", oneOf: genreSelection}}, {filter: {field: "Year", oneOf: yearSelection}}, {filter: {field: "MPAA_Rating", oneOf: MPAAselect}}, ], selection: { monthSelect: {fields: ["Month"], on: "click", type: "multi"} }, encoding: { y: {field: "Month", type: "nominal", title: "Month of Release", sort: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]}, x: {field: "Award", aggregate: "count", type: "nominal"}, color: { condition: { selection: "monthSelect", field: "MPAA_Rating", "type": "nominal", legend: null, scale: { domain: ["NR", "G", "PG", "PG-13", "TV-MA", "M", "R", "NC-17"], range: ["#a5a4a4", "#83c444", "#287b3d", "#e9bf1e", "#e18c26", "#dd4d3d", "#921f1f", "#330808"] }, }, value: "lightgrey" }, tooltip: [ {field: "Movie_Name", type: "nominal", title: "Movie"}, ] } } ] }, { // second visualization title: "Number of Jump Scares per Month", data: {values: RTFiltered}, transform: [ {filter: {field: "Award", oneOf: awardcheckbox}}, {filter: {field: "Genre", oneOf: genreSelection}}, {filter: {field: "Year", oneOf: yearSelection}}, {filter: {field: "MPAA_Rating", oneOf: MPAAselect}}, ], width: 300, height: 300, mark: {type: "circle", opacity: 0.9, stroke: "black", strokeWidth: 0.3}, selection: { monthSelect: { type: "multi", fields: ["Month"], }, rating: { type: "single", fields: ["Month"], } }, encoding: { x: {field: "Jump_Count", type: "quantitative", title: "Jump Scare Count"}, y: {field: "Month", type: "nominal", title: "Month of Release", sort: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]}, size: {aggregate: "count", type: "quantitative"}, color: { condition: { selection: "monthSelect", field: "Jump_Count", type: "quantitative", scale: {scheme:"lightgreyred"} }, value: "lightgrey", }, opacity: { condition: {selection: "monthSelect", value: 1}, value: 0.2 }, } } ] })36:T750,viewof movieChart = V({ data: {values: RTFiltered}, transform: [ {filter: {field: "Month", oneOf: monthSelection}}, {filter: {field: "MPAA_Rating", oneOf: MPAAselect}}, {filter: {field: "Award", oneOf: awardcheckbox}}, ], hconcat: [ { title: "Number of Movies per Year", width: 350, height: 200, selection: { timeBrush: {type: "interval", encodings: ["x"]}}, transform: [ {filter: {selection: "genreSelect"}} ], mark: {type: "line", strokeWidth: 1, point: true}, encoding: { x: { field: "Year", type: "ordinal", title: "Year of Release"}, y: {aggregate: "count", field: "*", type: "quantitative", title: "Number of Movies"}, color: {value: "darkred"}, }, }, { title: "Number of Movies per Genre", width: 350, height: 220, mark: "bar", selection: { genreSelect: {fields: ["Genre"], on: "click", type: "multi"} }, transform: [ {filter: {selection: "timeBrush"}} ], encoding: { y: {field: "Genre", type: "nominal", axis: {title: "Genre of Movie"}, sort: {encoding: "x", order: "descending"}}, x: {aggregate: "count", field: "*", type: "nominal", axis: {title: "Number of Movies"}}, color: { condition: { selection: "genreSelect", field: "MPAA_Rating", "type": "nominal", scale: { domain: ["NR", "G", "PG", "PG-13", "TV-MA", "M", "R", "NC-17"], range: ["#a5a4a4", "#83c444", "#287b3d", "#e9bf1e", "#e18c26", "#dd4d3d", "#921f1f", "#330808"] }, }, value: "lightgrey" } } } ] })37:Tfe9,viewof jump_rating = V({ data: {values: movies}, transform: [ {filter: {field: "Genre", oneOf: genreSelection}}, {filter: {field: "Month", oneOf: monthSelection}}, {filter: {field: "Year", oneOf: yearSelection}}, {filter: {field: "Award", oneOf: awardcheckbox}}, ], hconcat: [{ // first visualization title: "Jump Scare Count vs. Rotten Tomatoes Critic Score", width: 300, height: 300, selection: { criticBrush : { type: "interval"} }, transform: [ {filter: {selection: "audienceBrush", fields: ["Jump_Count"]}} ], mark: { type: "circle", size:50 }, encoding: { x:{field: "Jump_Count", type: "quantitative", title: "Total Number of Jump Scares"}, y:{field: "RT_Critic", type: "quantitative",axis: {title: "Rotten Tomatoes CRITICS Ratings"}}, color: { selection: "MPAArating", field: "MPAA_Rating", "type": "nominal", legend: null, scale: { domain: ["NR", "G", "PG", "PG-13", "TV-MA", "M", "R", "NC-17"], range: ["#a5a4a4", "#83c444", "#287b3d", "#e9bf1e", "#e18c26", "#dd4d3d", "#921f1f", "#330808"] }, }, opacity: { condition: {"selection": "MPAArating", "value": 1}, value: 0.05 }, tooltip: [ {field: "Movie_Name", type: "nominal", title: "Movie"}, {field: "MPAA_Rating", type: "nominal", title: "MPAA Rating"}, {field: "RT_Critic", type: "quantitative", title: "Rotten Tomatoes Critic Score"}, {field: "RT_Audience", type: "quantitative", title: "Rotten Tomatoes Audience Score"}, {field: "Jump_Count", type: "quantitative", title: "Jump Count"}, {field: "Genre", type: "nominal", title: "Subgenre"} ], } },{ // second visualization title: "Jump Scare Count vs. Rotten Tomatoes Audience Score", width: 300, height: 300, mark: { type: "circle", size:50 }, transform: [ {filter: {selection: "criticBrush"}} ], selection: { audienceBrush : { type: "interval"} }, encoding: { x:{field: "Jump_Count", type: "quantitative", title: "Total Number of Jump Scares"}, y:{field: "RT_Audience", type: "quantitative",axis: {title: "Rotten Tomatoes AUDIENCE Ratings"}}, color: { condition: { selection: "MPAArating", field: "MPAA_Rating", type: "nominal", legend: null, }, }, opacity: { condition: {"selection": "MPAArating", "value": 1}, value: 0.05 }, tooltip: [ {field: "Movie_Name", type: "nominal", title: "Movie"}, {field: "MPAA_Rating", type: "nominal", title: "MPAA Rating"}, {field: "RT_Critic", type: "quantitative", title: "Rotten Tomatoes Critic Score"}, {field: "RT_Audience", type: "quantitative", title: "Rotten Tomatoes Audience Score"}, {field: "Jump_Count", type: "quantitative", title: "Jump Count"}, {field: "Genre", type: "nominal", title: "Subgenre"} ], }, }, { //third visualization - MPAA rating select transform: [ {filter: {selection: "audienceBrush"}}, {filter: {selection: "criticBrush"}} ], title: "Select an MPAA Rating", width: 100, height: 150, mark: { type: "circle", size: 200, }, selection: { MPAArating: {fields: ["MPAA_Rating"], on: "click", type: "multi"} }, encoding: { y: {field: "MPAA_Rating", type: "nominal", title: null}, x: {aggregate: "count", field: "*", type: "quantitative", title: "Number of Movies"}, opacity: { condition: {selection: "MPAArating", value: 1}, value: 0.25 }, color: { field: "MPAA_Rating", type: "nominal", legend: null, scale: { domain: ["NR", "G", "PG", "PG-13", "TV-MA", "M", "R", "NC-17"], range: ["#a5a4a4", "#83c444", "#287b3d", "#e9bf1e", "#e18c26", "#dd4d3d", "#921f1f", "#330808"] }, }, tooltip: [ {field: "MPAA_Rating", aggregate: "count", title: "Number of Movies"} ] } } ] })38:T7cf,viewof jumpscareChart = V({ title: "Spread of Jump Scares in Movies, coloured by Genre", data: { values: RTFiltered2, }, width: 700, height: 400, transform: [ {filter: {field: "Genre", oneOf: genreSelection}}, {filter: {field: "Year", oneOf: yearSelection}}, {filter: {field: "Month", oneOf: monthSelection}}, {filter: {field: "Award", oneOf: awardcheckbox}}, {filter: {field: "MPAA_Rating", oneOf: MPAAselect}}, ], selection: { point: {type: "single", fields: ["Movie"], on: "mouseover", bind: {input: "text", name:"Search for a name: ", placeholder: "e.g. Scream"}}, }, mark: { type: "circle", stroke: "black", }, encoding: { x: { field: "Seconds", type: "quantitative", }, y: { field: "Movie", type: "ordinal", }, size: { field: "Type", type: "nominal", legend: { title: "Major or Minor"}, scale: { domain: ["Minor", "Major"], range: [25, 120]} }, color: { field: "Genre", type: "nominal", scale: { domain: ["Mystery", "Psychological", "Drama", "Thriller", "Adventure", "Science Fiction", "Natural", "Comedy", "Monster", "Slasher", "Cannibal", "Western", "Supernatural", "Fantasy"], range: ["#221e59", "#313293", "#29749e", "#49c2c7", "#66c080", "#187d3f", "#86a63d", "#f4e909", "#cca72c", "#cb5927", "#9e1e20", "#d66caa", "#ad278f", "#bf8bbe"] }, }, opacity: { condition: { selection: "point", fields: ["Movie_Name"], type: "nominal", not: "point", value: 0.9 }, value: 0.05 }, strokeWidth: { condition: { selection: { not: "point" }, value: 0.3 }, value: 1 }, tooltip: [ {field: "Movie"}, {field: "Time", title: "Time of Jump Scare"}, {field: "Description"}, {field: "Genre"}, {field: "Year"}, ] } })39:T69b,md`
We mainly used **brushing** and **selecting** in most of our visualizations to filter the dashboard. Other modes of filtering we employ include a **checkbox** for award status and **hover and search** for finding jump scares in a particular movie. **Stacked bar graphs** were used for their ability to show the composition of a nominal value and allow for easy and multiple selection. The bar graph for the month visualization is layered because we wanted the graph to maintain its original value to show the change in composition as filters were played with. The **scatter plots** were used because they allowed for quick comparison in the spread of values and also allows users to select a range of values along anywhere in the x and y-axis. This helps explore the question of whether more jump scares equates to a better movie overall. We used a **bubble plot** to show the frequency of jump scares based on months. This allows the audience to point out any obvious outliers while also seeing which months had the largest circles, or most releases, within a particular category. A larger bubble plot was also used to display the spread of jump scares in each movie. This visualization is colour-coded according to the movie's genre. Due to its crazy and colourful original state, we decided to add a search bar to promote exploration and make it easier to find values that one might be looking for specifically. A **line chart** was used to display the change in years due to time being continuous. We wanted to notice any trends that were apparent when other filters were applied to the years chart. It is apparent that 2016 saw a huge peak in horror movie releases. `3a:T7d1,md` We conducted pilot tests by sending out links to our website containing the dashboard. We asked three participants and obtained their feedback by asking them to voice their observations as they explored the visualizations on their own. Of the three, one participant self-identified as a horror movie lover and the other two expressed their distaste for jump scares. We also implemented the feedback received from our professor and TA during the project showcase.
#### *Pilot Test* - Would like to view a list of all the movies that fit their selected criteria. - While the names of all the filtered movies could be accessed through our scatter plot, [jump_rating], it was more feasible to present this as a list of movies. We have now added the list to make these filtered movies easily identifiable. - Filter all visualizations by the year of release and MPAA rating. - During the first phase of this project, we did not have these filters linked to the other visualizations. We have now added the ability to do so in our new dashboard.
#### *Project Showcase Feedback* - [jump_rating] should brush and select movies with high/low jump counts/Rotten Tomatoes scores. - We made this possible by making the [jump_rating] scatter plot brushable. - Show the count of movies with a particular MPAA rating. - We decided to make a separate visualization to show the values of each MPAA rating as well as allow our users to select multiple ones at once. - Colour code for MPAA ratings had to be applied to all other visualizations so that the composition of movies with a particular ratings could be seen. - We solved this issue by making stacked bar graphs when needed and applying the same colour codes as [jump_rating] to our other visualizations. - Need to see number of jump scares in movies by month, - This was implemented by recycling our old Assignment 5 visualization. We upgraded it so that it could be filtered by the other visualizations. `3b:T776,md` We ended up completing most of what we planned to accomplish in this project. However, one thing we would have liked to include was showing the frequency of jump scares during a particular stage of a movie, such as its beginning, middle, or end. This would have required us to categorize the timecodes according to the movie’s unique duration. While the current jump scare graph does give an overview of where a movie’s jump scares occur, having an area graph would be more visually enticing and would clearly communicate the peaks and low points of when a jump scare occurs in horror movies. We struggled with filtering the other visualizations through the brush filter in the scatter plot [jump_rating]. For some reason, the values that were brushed in the audience and critics rating graphs were not being recorded in the array by our signal listener. We did not know that the brushing filter only selected the extent of values along an axis. After understanding this, we created a new array of values by which we filter all other visualizations. We also wish we could present the dashboard in a full screen format. However, since we have many different visualizations working together, it was very difficult to put them all together in one screen without adding in scrolling. For this reason, the visualizations are left as is in the final report with the option to view it in full screen in a separate notebook. One thing we could not solve was displaying the time of the jump scare in the bubble plot in a h:mm:ss format. Right now, to be able to use quantitative values, time is being displayed along the x-axis in seconds. As for the future of this prototype, we would like to extend it into another dashboard that would include financial factors to measure the success of these movies. This would enable us to use the movies' budget and gross to determine whether its efforts paid off. `3c:T419,md` We found that our older [awardChart] visualization was a little redundant and did not clearly communicate the answers to the question as we would have liked it to. Previously, this visualization only filtered by month. However, we wanted it to allow users to filter by the movie’s award status, such as Oscar-winners and nominees, as well. We changed this visualization to make it contained within one bar graph. While it still allows users to filter by month, we also included the option to choose the movie’s award status using a checkbox filter. Additionally, we layered the bar graph so that it displays the total number of movies per month along with the filtered amount per month. The first version of our Rotten Tomatoes scatter plot had an additional interaction where clicking a point would select other movies with that MPAA rating. However, we chose to remove this interaction as it was coinciding with and interrupting the brushing filter. We decided to move the selection of MPAA rating solely to the MPAA selection graph. ` 3d:T510,md` Jump Scares. (2019, December 8). In Wikipedia. Retrieved from https://https://en.wikipedia.org/wiki/Jump_scare [How to remove decimal spaces in rangeSlider](https://forum.jquery.com/topic/decimal-steps-with-range-slider) [Vega-Lite Colour Schemes](https://vega.github.io/vega/docs/schemes/) [Video: How to covert time to seconds in Excel](https://www.youtube.com/watch?v=bSwm5HQkFRc) *Vega-Lite Documentation pages*: - [Aggregate](https://vega.github.io/vega-lite/docs/aggregate.html) - [Bar](https://vega.github.io/vega-lite/docs/bar.html) - [Bind](https://vega.github.io/vega-lite/docs/bind.html) - [Box Plot](https://vega.github.io/vega-lite/docs/boxplot.html) - [Circle](https://vega.github.io/vega-lite/docs/circle.html) - [Filter](https://vega.github.io/vega-lite/docs/filter.html) - [Layering Views](https://vega.github.io/vega-lite/docs/layer.html) - [Legend](https://vega.github.io/vega-lite/docs/legend.html) - [Line](https://vega.github.io/vega-lite/docs/line.html) - [Mark](https://vega.github.io/vega-lite/docs/mark.html) - [Point](https://vega.github.io/vega-lite/docs/point.html) - [Selection](https://vega.github.io/vega-lite/docs/selection.html) - [Sort](https://vega.github.io/vega-lite/docs/sort.html) - [Stack](https://vega.github.io/vega-lite/docs/stack.html) `3e:[] 32:{"id":"47ff5f295cc78984","slug":"jump-scares-in-horror-movies-final-project-iat-355","title":"Jump Scares in Horror Movies - Final Project - IAT 355","thumbnail":"1bb7bd6cd1569565764ecb6610387241f8701ad2373224fbc506cec8f4fb2cde","access_level":"public","create_time":"$D2019-12-14T09:13:27.628Z","update_time":"$D2019-12-15T19:59:49.307Z","view_time":null,"first_public_time":"$D2019-12-14T22:44:31.725Z","has_unpublished_edits":null,"fork":{"id":"cb414f4b5a007009","slug":"scatter-fix","title":"Scatter-Fix","owner":{"id":"cad058e826454c3a","login":"lilpeasant","name":""}},"stars":4,"starred":false,"owner":{"type":"team","id":"b3afac52b59f94f3","login":"nussyr3","name":"","avatar_url":"https://avatars-next.observableusercontent.com/24c7c544f0a5e571a1534e3ec7e802c9af36705d4516b657e55ba541963ae264","tier":"starter_2024"},"version":3180,"publish_version":3180,"role":null,"authored":false,"authors":[{"type":"individual","id":"b29912c9988f19cc","login":"nussyr3","name":"","avatar_url":"https://avatars-next.observableusercontent.com/24c7c544f0a5e571a1534e3ec7e802c9af36705d4516b657e55ba541963ae264","tier":null}],"members":[{"type":"individual","id":"b29912c9988f19cc","login":"nussyr3","name":"","avatar_url":"https://avatars-next.observableusercontent.com/24c7c544f0a5e571a1534e3ec7e802c9af36705d4516b657e55ba541963ae264","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Jump Scares in Horror Movies - Final Project - IAT 355","cells":[{"id":0,"value":"md`# Jump Scares in Horror Movies - Final Project - IAT 355`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"md`*by **Nusrath Imtiaz** (301265214) and **Lucy Huang** (301284331)* \n*for IAT 355 - Introduction to Visual Analytics* \n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2880,"value":"md `## Final Report\n- [Video](#aVideo)\n- [Overview](#aOverview)\n- [Introduction](#aIntroduction)\n- [Data and Dimensions](#aData)\n- [Domain Questions](#aQuestions)\n- [Visualization Design](#aVisualization)\n- [Prototype Evaluation](#aTest)\n- [Further Work](#aFurtherWork)\n- [Conclusion](#aConclusion)\n- [Appendix](#aAppendix)\n- [Imports](#aImports)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3022,"value":"aVideo = md`

\n\n## Video\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3025,"value":"html ``\n\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3041,"value":"md`[What Makes a Horror Movie Great?](https://vimeo.com/379547348) - Video Link\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2883,"value":"aOverview = md`

\n\n## Overview\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2892,"value":"md`\nWhat is a **jump scare**? \nWikipedia defines it as such:\n> \"A jump scare is a technique often used in horror films [...] to scare the audience by surprising them with an abrupt change in image or event, usually co-occurring with a frightening sound, mostly loud screaming.\"\n\n\nJump scares have become a defining feature of horror movies, but how much do they actually contribute to the movie’s rating, performance, and reception? This report highlights the overall concept and scope of the project, what data was used, how the visualizations are targeting our analytical questions, as well as technical details of our code. \n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2900,"value":"aIntroduction = md`

\n\n## Introduction\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2903,"value":"md` #### *Scope of Project*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2909,"value":"md` This project expands on [wheresthejump.com](https://wheresthejump.com/)'s dataset and combines a horror movie's jump scare count and spread with the movie's performance. We gauge a movie’s success through awards it has received along with its Rotten Tomatoes ratings by both critics and audience. \n\nThis project is limited in including only movies that have a Rotten Tomatoes score and are present in \"Where's the Jump's\" database. Due to this, we may have excluded some movies (potentially older) that were not recorded by the makers of the site. However, jump scares started around and rose in popularity around the 1980s, so it does make sense that a lot of the titles in the dataset are released recently (\"Jump Scare,\" 2019).\n`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2912,"value":"md` \n
\n#### *Audience*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2916,"value":"md` Our primary audience includes horror movie lovers who either:\n- Want an exploratory tool to find the perfect horror movie to watch\n- Or want to be aware of the jump scares that occur in a movie to better prepare themselves\n\n\"Where's the Jump\" is more targeted towards the latter. We hope to build on this resource to provide audiences with a more comprehensive tool to search for and evaluate horror movies. \n\nOur secondary audience includes filmmakers. With this prototype, aspiring directors and scriptwriters can see the factors that go into a highly-rated horror film and analyze patterns to avoid flunking a film. Having visualizations that surface the patterns of successful and unsuccessful movies can help maximize profit when creating a new horror movie. For example, if horror movies tended to be less popular when released during a certain season, choosing a different release date might be a thoughtful consideration when launching a new movie to the public.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2919,"value":"aData = md`

\n\n## Data and Dimensions\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3008,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2922,"value":"aQuestions = md`

\n\n## Domain Questions\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3081,"value":"md`\nThe **top-down questions** this prototype allows a user to explore answers to are:\n- What makes a horror movie great?\n- Do jump scares actually make a movie better?\n- What kinds of horror movies appeal to critics? Which appeal to the general public?\n- What kinds of horror movies win Oscars?\n- Have horror movies improved over the years?\n\nThe specific **bottom-up questions** a user can find answers for easily are:\n- During which month are the scariest movies (with the most jump scares) released?\n- Which sub-genre has the most jump scares?\n- When are most successful (high ratings and award-winning) movies released?\n- Which movie should I watch based on my selection criteria?\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"aVisualization = md`

\n\n## Visualization Design\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3075,"value":"md`\nIf you wish to view the visualization in full screen mode, I recommend going to https://observablehq.com/@nussyr3/full-screen-mode-jump-scares-in-horror-movies. \n\nThe visualization is optimized only for full screen mode on a 15\" laptop. \n\n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1770,"value":"viewof awardcheckbox = checkbox({\n title: \"Movie's Award Status\",\n description: \"Please select a category to filter by\",\n options: [\n {value: \"None\", label: \"None\" },\n {value: \"Nominee\", label: \"Nominee\" },\n {value: \"Winner\", label: \"Winner\" },\n {value: \"Oscar Nominee\", label: \"Oscar Nominee\" },\n {value: \"Oscar Winner\", label: \"Oscar Winner\" },\n ],\n value: [\"None\", \"Nominee\", \"Winner\", \"Oscar Nominee\", \"Oscar Winner\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1788,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":507,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1756,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2527,"value":"viewof table = printTable(moviesFiltered, [\n {field: \"Movie_Name\", title: \"Movie\", align: \"l\"},\n {field: \"Director\", title: \"Director\", align: \"c\"},\n {field: \"Year\", title: \"Year\", align: 'r'},\n \n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2841,"value":"html`

\n ${viewof table}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3097,"value":"md`\n
\n### User Manual\n- All visualizations besides the Spread of Jump Scares and List of Movies can be used to filter others.\n\n- **Select an award status** to filter by award-winners, nominees, Oscar winners, Oscar nominees, and movies that have received none of the above.\n\n- **Click on a bar or Shift + Click** on multiple bars/circles to select a month, genre, and MPAA rating.\n\n- Click and drag to **brush** through years, jump scares, and Rotten Tomatoes scores.\n\n- The stacked bars are colour coded according to the MPAA rating of the movies.\n\n- **Search for a movie** in the jump scare visualization to highlight it. Hover over a dot to view the description and time of the jump scare, along with the other jump scares in the movie.\n\n- Scroll through the list of movies.\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3109,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2929,"value":"aTest = md`

\n\n## Prototype Evaluation and Pilot Testing\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2933,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2947,"value":"aFurtherWork = md`

\n\n## Further Work\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2951,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2953,"value":"aConclusion = md`

\n\n## Conclusion\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3128,"value":"md` \nBy using this tool, users can find that horror movies are more than the jump scares they contain. By brushing a selection to include the highest jump counts, users can see that the movies with the highest jump counts don't necessarily perform well in terms of Rotten Tomatoes scores and awards. It is also not surprising that October has the most releases as well as the most number of jump scares, with it being the month of Halloween. Other patterns such as these can be discovered by using this prototpye, whether it's a horror movie enthusiast trying to find their next watch or a filmmaker trying to understand the patterns to success.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2957,"value":"aAppendix = md`

\n\n## References and Appendices\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2966,"value":"md` #### *Design Journey*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3133,"value":"html` $\"month$ `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2969,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2977,"value":"md` #### *Code and Data*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3169,"value":"md`\nAdditional Workbooks:\n- Data Imports, Inspecting + Cleaning: https://observablehq.com/@nussyr3/horror-movies-dataset\n- Full Screen mode of dashboard: https://observablehq.com/@nussyr3/full-screen-mode-jump-scares-in-horror-movies \n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2460,"value":"md` \n##### Helper Function - isEmpty\nThis function returns all values if none are selected in any of the visualizations. For example, if no genre is specifically clicked on and selected, the other visualizations would still display the values for all genres.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2453,"value":"function isEmpty(obj) {\n for (var prop in obj) {\n return false;\n }\n return true;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2470,"value":"md` ##### Mutable Objects and Selection Arrays`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2475,"value":"mutable genre = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2479,"value":"mutable year = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2483,"value":"mutable mpaa = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2488,"value":"mutable month = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2497,"value":"mutable aud = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2502,"value":"mutable crit = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2506,"value":"mutable jump = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2531,"value":"awardcheckbox","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2377,"value":"md` ##### Signal Listeners`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2465,"value":"md` \nThese signal listeners check to see if a particular value is selected in any of the selections identified in the visualizations. The return values are arrays of the selections.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"md` ##### *Signal Listener for collecting genres*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":303,"value":"movieChart.addSignalListener(\"genreSelect\", function(name, value) {\n if (value == null)\n mutable genre = null\n else\n mutable genre = value.Genre\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":403,"value":"genreSelection = {\n if(isEmpty(genre)){\n return Array.from(new Set(movies.map(d => d.Genre)))\n } else {\n return genre\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":376,"value":"md` ##### *Signal Listener for collecting years*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":345,"value":"movieChart.addSignalListener(\"timeBrush\", function(name, value) {\n if (value == null)\n mutable year = null\n else\n mutable year = value.Year\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2386,"value":"yearSelection = {\n if(isEmpty(year)){\n return Array.from(new Set(movies.map(d => d.Year)))\n } else {\n return year\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":483,"value":"md` ##### *Signal Listener for selecting MPAA rating*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":488,"value":"MPAAselect = {\n if(isEmpty(mpaa)){\n return Array.from(new Set(movies.map(d => d.MPAA_Rating)))\n } else {\n return mpaa\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":494,"value":"jump_rating.addSignalListener(\"MPAArating\", function(name, value) {\n if (value == null)\n mutable mpaa = null\n else\n mutable mpaa = value.MPAA_Rating\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2390,"value":"md` ##### *Signal Listener for selecting months*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":621,"value":"awardsChart.addSignalListener(\"monthSelect\", function(name, value) {\n if (value == null)\n mutable month = null\n else\n mutable month = value.Month\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":627,"value":"monthSelection = {\n if(isEmpty(month)){\n return Array.from(new Set(movies.map(d => d.Month)))\n } else {\n return month\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2406,"value":"md` ##### *Signal Listeners for getting the bounds of Rotten Tomatoes Scores and Jump Scare Counts*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2409,"value":"jumpSelection = {\n if(isEmpty(mutable jump)) {\n return d3.extent(movies, d => (d.Jump_Count))\n } else {\n return jump\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2412,"value":"audSelection = {\n if(isEmpty(mutable aud)) {\n return d3.extent(movies, d => (d.RT_Audience))\n } else {\n return aud\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2421,"value":"jump_rating.addSignalListener(\"audienceBrush\", function(name, value) {\n if (value == null)\n mutable jump = null\n else\n mutable jump = value.Jump_Count\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2424,"value":"jump_rating.addSignalListener(\"audienceBrush\", function(name, value) {\n if (value == null)\n mutable aud = null\n else\n mutable aud = value.RT_Audience\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2427,"value":"critSelection = {\n if(isEmpty(mutable crit)) {\n return d3.extent(movies, d => (d.RT_Critic))\n } else {\n return crit\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2436,"value":"jump_rating.addSignalListener(\"criticBrush\", function(name, value) {\n if (value == null)\n mutable jump = null\n else\n mutable jump = value.Jump_Count\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2439,"value":"jump_rating.addSignalListener(\"criticBrush\", function(name, value) {\n if (value == null)\n mutable crit = null\n else\n mutable crit = value.RT_Critic\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2397,"value":"md` ##### *An array of all filtered movies*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2522,"value":"md`\nRTFiltered helps filter all other visualizations besides jump_rating by collecting all the bounds of values from Rotten Tomatoes Audience and Critic scores as well as jump score count. \n\nRTFiltered2 creates an array of values for the jumpscareChart visualization so that it can be filtered by Rotten Tomatoes scores and jump scare counts as well. \n\nmoviesFiltered combines all filters together to create a table of movies. This helps the audienece visualize which movies they have chosen by selecting through filters.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2444,"value":"RTFiltered = movies.filter(d => (d.Jump_Count) >= jumpSelection[0] &&\n (d.Jump_Count) <= jumpSelection[1])\n .filter(d => (d.RT_Audience) >= audSelection[0] &&\n (d.RT_Audience) <= audSelection[1])\n .filter(d => (d.RT_Critic) >= critSelection[0] &&\n (d.RT_Critic) <= critSelection[1])\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2447,"value":"RTFiltered2 = jumpscares.filter(d => (d.Jump_Count) >= jumpSelection[0] &&\n (d.Jump_Count) <= jumpSelection[1])\n .filter(d => (d.RT_Audience) >= audSelection[0] &&\n (d.RT_Audience) <= audSelection[1])\n .filter(d => (d.RT_Critic) >= critSelection[0] &&\n (d.RT_Critic) <= critSelection[1])\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":642,"value":"moviesFiltered = movies.filter(d => genreSelection.includes(d.Genre)) // to filter by genre\n .filter(d => monthSelection.includes(d.Month)) // to filter by month of release\n .filter(d => yearSelection.includes(d.Year)) // to filter by year of release\n .filter(d => awardcheckbox.includes(d.Award)) // to filter by award(s) received/or not\n .filter(d => (d.Jump_Count) >= jumpSelection[0] &&\n (d.Jump_Count) <= jumpSelection[1])\n .filter(d => (d.RT_Audience) >= audSelection[0] &&\n (d.RT_Audience) <= audSelection[1])\n .filter(d => (d.RT_Critic) >= critSelection[0] &&\n (d.RT_Critic) <= critSelection[1])\n .filter(d => MPAAselect.includes(d.MPAA_Rating)) // to filter by MPAA rating","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2327,"value":"md`#### *Code Used*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2330,"value":"md` \n[Data Utilities - Code for printTable](https://observablehq.com/@uwdata/data-utilities) \n\n[Dog Names Data Streamgraph - Code for Search Input](https://observablehq.com/@grantpezeshki/dog-names-data-streamgraph)\n\n[Vancouver Crime Map - Code for HTML](https://observablehq.com/@drlynb/vancouver-crime-map) \n\n*IAT 355 Tutorials*:\n\n- [Week 12: Advanced Interaction with Multiple Views](https://observablehq.com/@lilpeasant/advanced-interaction-with-multiple-views)\n- [Week 6: Interaction 1](https://observablehq.com/@nussyr3/week-6-interaction-1)\n- [Week 5: Visual Forms Continued](https://observablehq.com/@sfu-iat355/week-5-visual-forms-continued/)\n- [Data Inspection and Cleaning](https://observablehq.com/@sfu-iat355/data-inspection-and-cleaning)\n\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"md`#### *References*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"aImports = md`

\n\n## Imports\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1508,"value":"md` #### *Movies dataset - Compiled*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1893,"value":"import {movies, jumpscares} from '@nussyr3/horror-movies-dataset'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1510,"value":"md` #### *D3*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1512,"value":"md` #### *Vega-Lite*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1529,"value":"VegaLite = require('vega-embed@5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"V = require(\"@observablehq/vega-lite@0.2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1514,"value":"md`#### *Function to print table for movie listings*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1189,"value":"import {printTable} from '@uwdata/data-utilities'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1517,"value":"md` #### *Checkbox feature for country selection*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1321,"value":"import {checkbox} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3e","stdlib":"1","titling":"auto"}} 33:"$32:body"