2d:null 2e:["$","title",null,{"children":"Full Screen Mode - Jump Scares in Horror Movies | nussyr3 | Observable"}] 33:T522,html`

${viewof awardcheckbox}

${viewof awardsChart}

${viewof movieChart}

${viewof jump_rating}

${viewof jumpscareChart}

${viewof table}

`34:Td32,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: 11, }, width: 300, height: 180, 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: 9, }, 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: 180, 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", legend: null}, color: { condition: { selection: "monthSelect", field: "Jump_Count", type: "quantitative", scale: {scheme:"lightgreyred"}, legend: null }, value: "lightgrey", }, opacity: { condition: {selection: "monthSelect", value: 1}, value: 0.2 }, } } ] })35:T750,viewof movieChart = V({ data: {values: RTFiltered}, transform: [ {filter: {field: "Month", oneOf: monthSelection}}, {filter: {field: "MPAA_Rating", oneOf: MPAAselect}}, {filter: {field: "Award", oneOf: awardcheckbox}}, ], vconcat: [ { title: "Number of Movies per Year", width: 350, height: 100, 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: 190, 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" } } } ] })36: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"} ] } } ] })37:T7cf,viewof jumpscareChart = V({ title: "Spread of Jump Scares in Movies, coloured by Genre", data: { values: RTFiltered2, }, width: 350, height: 300, 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"}, ] } })38:T44d,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 where they occur, the movie's jump scare level, the director, the year released, and its 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 this dataset, so we referred to each movie's IMDb, Wikipedia, and Rotten Tomatoes page to obtain missing and other variables necessary. * IMDb: * Month of Release * MPAA Rating * Budget * Worldwide Gross * Duration * Awards Nominated for * Awards Won * Oscars Nominated for * Oscars Won * Rank in Top Movies of All Time List * Wikipedia: * Country of Origin * Sub-genre * Distributor * Rotten Tomatoes: * Critics Score * Audience Score

`39:T4a9,md` [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)

`3a:[] 31:{"id":"4b2e5287b0d6c404","slug":"full-screen-mode-jump-scares-in-horror-movies","title":"Full Screen Mode - Jump Scares in Horror Movies","thumbnail":"9dde646fd62236abcc829d1c23077b599f34ce34e63994ab6891d7369577f1a9","access_level":"public","create_time":"$D2019-12-15T05:51:23.894Z","update_time":"$D2019-12-15T19:08:04.263Z","view_time":null,"first_public_time":"$D2019-12-15T05:53:06.949Z","has_unpublished_edits":null,"fork":{"id":"47ff5f295cc78984","slug":"jump-scares-in-horror-movies-final-project-iat-355","title":"Jump Scares in Horror Movies - Final Project - IAT 355","owner":{"id":"b3afac52b59f94f3","login":"nussyr3","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"b3afac52b59f94f3","login":"nussyr3","name":"","avatar_url":"https://avatars-next.observableusercontent.com/24c7c544f0a5e571a1534e3ec7e802c9af36705d4516b657e55ba541963ae264","tier":"starter_2024"},"version":2877,"publish_version":2877,"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":0,"collection":null,"type":"notebook","body":{"title":"Full Screen Mode - Jump Scares in Horror Movies","cells":[{"id":0,"value":"md`# Full Screen Mode - Jump Scares in Horror Movies`","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*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"md` ## Dashboard`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2859,"value":"{\n const button = html`