2d:null 2e:["$","title",null,{"children":"Scatter-Fix | nussyr3 | Observable"}] 33:T4ae,// html`

// ${viewof movieChart} //

// ${viewof scattermonth} //

// ${viewof table} //

// ${viewof jump_rating} //

`34:Tb9a,viewof awardsChart = VegaLite({ data: {values: movies}, hconcat: [{ layer: [ { // first visualization - stroke 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 mark: { type: "bar", height: 14, }, transform: [ {filter: {field: "Award", oneOf: awardcheckbox}}, {filter: {field: "Genre", oneOf: genreSelection}}, {filter: {field: "Year", oneOf: yearSelection}}, ], 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", 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 transform: [ {filter: {field: "Genre", oneOf: genreSelection}}, {filter: {field: "Year", oneOf: yearSelection}}, ], 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 }, } } ] })35:T69a,viewof movieChart = V({ data: {values: movies}, transform: [ {filter: {field: "Month", oneOf: monthSelection}}, //{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" } } } ] })36:Te4d,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: "MPAArating", oneOf: MPAAselect}}, ], 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"]} }, criticBrush : { type: "interval"} }, transform: [ {filter: {selection: "audienceBrush", fields: ["Jump_Count"]}} ], 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: { selection: "MPAArating", 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}, // condition: {"selection": "criticBrush", "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 }, transform: [ {filter: {selection: "criticBrush"}} ], selection: { MPAArating: { type: "multi", fields: ["MPAA_Rating"], bind: "legend" }, audienceBrush : { type: "interval"} }, 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}, // condition: {"selection": "audienceBrush", "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"} ], }, }, { transform: [ {filter: {selection: "audienceBrush"}}, {filter: {selection: "criticBrush"}} ], 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 }, } }] })37:T744,VegaLite({ data: { values: jumpscares, }, width: 600, height: 400, transform: [ {filter: {field: "Genre", oneOf: genreSelection}}, {filter: {field: "Year", oneOf: yearSelection}}, {filter: {field: "Month", oneOf: monthSelection}}, {filter: {field: "Award", oneOf: awardcheckbox}}, ], 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, 80]} }, 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:T6bf,md` [How to print a table](https://observablehq.com/@uwdata/data-utilities) [How to remove decimal spaces in rangeSlider](https://forum.jquery.com/topic/decimal-steps-with-range-slider) [Vancouver Crime Map](https://observablehq.com/@drlynb/vancouver-crime-map) [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) *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) *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)

`3a:[] 31:{"id":"6dd2cf9784e713bb","slug":"scatter-fix","title":"Scatter-Fix","thumbnail":"cd975588cad9bf52699e0a222c32dd55fd40f7834c08ef60909267f0caef2ed2","access_level":"public","create_time":"$D2019-12-14T05:26:51.264Z","update_time":"$D2019-12-14T07:58:55.405Z","view_time":null,"first_public_time":"$D2019-12-14T05:27:18.699Z","has_unpublished_edits":null,"fork":{"id":"0f6e5a7006227a2d","slug":"final-jump-scares/2","title":"FINAL - Jump Scares","owner":{"id":"cad058e826454c3a","login":"lilpeasant","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":2155,"publish_version":2155,"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":3,"collection":null,"type":"notebook","body":{"title":"Scatter-Fix","cells":[{"id":0,"value":"md`# Scatter-Fix`","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`