2d:null 2e:["$","title",null,{"children":"Jump Scares in Horror Movies | lilpeasant | Observable"}] 33:T414,html`

${viewof movieChart}

${viewof scattermonth}

${viewof table}

${viewof jump_rating}

`34:T496,viewof awardChart = VegaLite({ data:{values: movies}, transform: [ {filter: {field: "Genre", oneOf: genreSelection}}, {filter: {field: "Year", oneOf: yearSelection}}, ], repeat: { column: ["Awards Won", "Awards Nominated For", "Oscars Won", "Oscars Nominated for"] }, spec:{ width:150, height:150, mark: {type: "bar"}, selection: { monthSelect: {fields: ["Month"], on: "click", type: "multi"} }, encoding: { y: {field: "Month", type: "ordinal", title: "Month of Release", sort: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]}, x: {field: {repeat: "column"}, type: "quantitative"}, color: { condition: { selection: "monthSelect", 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" }, }, } })35:T606,viewof monthChart = V({ data: {values: movies}, width: 400, height: 300, layer: [ { mark: { type: "bar", height: 16, }, transform: [ {filter: {field: "Genre", oneOf: genreSelection}}, {filter: {field: "Year", oneOf: yearSelection}}, {filter: {field: "MPAA_Rating", oneOf: MPAAselect}}, // {filter: {field: "Movie_Name", oneOf: movieSelection}}, ], encoding: { y: { field: "Month", type: "ordinal", axis: {title: "Month of the year"}, }, x: { field: "Jump_Count", aggregate: "sum", type: "quantitative", axis: {title: "Number of Jump Scares"}, }, color: { 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"] }, legend: {title: "MPAA Rating"} }, }, }, { mark: { type: "bar", filled: false, height: 20, stroke: "darkred" }, encoding: { y: { field: "Month", type: "ordinal", axis: {title: "Month of the year"}, }, x: { field: "Jump_Count", aggregate: "sum", type: "quantitative", axis: {title: "Number of Jump Scares"}, }, } } ] })36:T6d9,viewof movieChart = V({ data: {values: movies}, transform: [ {filter: {field: "Month", oneOf: monthSelection}}, {filter: {field: "Movie_Name", oneOf: movieSelection}}, //{filter: {field: "MPAA_Rating", oneOf: MPAAselect}}, ], hconcat: [ { width: 400, height: 150, 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"}, }, }, { width: 350, height: 250, 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:Tc2c,viewof jump_rating = V({ data: {values: movies}, transform: [ {filter: {field: "Genre", oneOf: genreSelection}}, {filter: {field: "Month", oneOf: monthSelection}}, {filter: {field: "Year", oneOf: yearSelection}}, ], hconcat: [{ width: 300, height: 300, selection: { MPAArating: { type: "multi", fields: ["MPAA_Rating"], bind: "legend", }, rating: { type: "single", fields: ["MPAA_Rating"], bind: {input: "select", options: [null, "NR", "G", "PG", "PG-13", "TV-MA", "M", "R", "NC-17"]} }, movieSelect: {type: "interval"} }, mark: { type: "circle", size:50 }, encoding: { x:{field: "Jump_Count", type: "quantitative"}, y:{field: "RT_Critic", type: "quantitative",axis: {title: "Rotton Tomatoes CRITICS Ratings"}}, color: { 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"] }, }, opacity: { condition: {"selection": "rating", "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"} ], } },{ width: 300, height: 300, mark: { type: "circle", size:50 }, selection: { MPAArating: { type: "multi", fields: ["MPAA_Rating"], bind: "legend" } }, encoding: { x:{field: "Jump_Count", type: "quantitative"}, y:{field: "RT_Audience", type: "quantitative",axis: {title: "Rotton Tomatoes AUDIENCE Ratings"}}, color: { condition: { selection: "MPAArating", field: "MPAA_Rating", type: "nominal" }, }, opacity: { condition: {"selection": "rating", "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"} ], }, }, { width: 300, height: 200, mark: "bar", selection: { MPAArating: {fields: ["MPAA_Rating"], on: "click", type: "multi"} }, encoding: { y: {field: "MPAA_Rating", type: "nominal"}, x: {aggregate: "count", field: "*", type: "quantitative"}, opacity: { condition: {selection: "MPAArating", value: 1}, value: 0.05 }, } }] })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:T65a,md` [How to remove decimal spaces in rangeSlider](https://forum.jquery.com/topic/decimal-steps-with-range-slider) [How to print a table](https://observablehq.com/@uwdata/data-utilities) [Vancouver Crime Map](https://observablehq.com/@drlynb/vancouver-crime-map) [Vega-Lite Colour Schemes](https://vega.github.io/vega/docs/schemes/) *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) - [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) *IAT 355 Tutorials*: - [Week 12: Advanced Interaction with Multiple Views](https://observablehq.com/@lilpeasant/advanced-interaction-with-multiple-views) - [Week 6: Interaction 1](https://observablehq.com/@nussyr3/week-6-interaction-1) - [Week 5: Visual Forms Continued](https://observablehq.com/@sfu-iat355/week-5-visual-forms-continued/) - [Data Inspection and Cleaning](https://observablehq.com/@sfu-iat355/data-inspection-and-cleaning)

`3a:[] 31:{"id":"59e2481afcedc78e","slug":"jump-scares-in-horror-movies","title":"Jump Scares in Horror Movies","thumbnail":"201d9ff840f1aa5febcf842f0d689c65c09ec4de66a90be66bf8e3508d39da55","access_level":"public","create_time":"$D2019-12-10T07:47:39.365Z","update_time":"$D2019-12-10T07:47:39.365Z","view_time":null,"first_public_time":"$D2019-12-10T07:47:43.142Z","has_unpublished_edits":null,"fork":{"id":"55d7e4613a41f461","slug":"jump-scares-in-horror-movies","title":"Jump Scares in Horror Movies","owner":{"id":"b3afac52b59f94f3","login":"nussyr3","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"cad058e826454c3a","login":"lilpeasant","name":"","avatar_url":"https://avatars-next.observableusercontent.com/acdc9280bf7d54bd455092fbfe0696f415907848d922c8a00a2a3b43625c2318","tier":"starter_2024"},"version":1691,"publish_version":1691,"role":null,"authored":false,"authors":[{"type":"individual","id":"df4bdc62eb42e4c4","login":"lilpeasant","name":"","avatar_url":"https://avatars-next.observableusercontent.com/acdc9280bf7d54bd455092fbfe0696f415907848d922c8a00a2a3b43625c2318","tier":null}],"members":[{"type":"individual","id":"df4bdc62eb42e4c4","login":"lilpeasant","name":"","avatar_url":"https://avatars-next.observableusercontent.com/acdc9280bf7d54bd455092fbfe0696f415907848d922c8a00a2a3b43625c2318","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Jump Scares in Horror Movies","cells":[{"id":0,"value":"md`# 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":1312,"value":"{\n const button = html`