2b:null 2c:["$","title",null,{"children":"Is Netflix Actually Chill? | James Wong | Observable"}] 31:T502,vegalite({ title: "Non-Netflix Produced", data: { values: data }, mark: {type:'rect'}, width: width - 200, height: width * (4 / 9), background:'black', encoding: { x: { bin: { maxbins: 40 }, field: 'date', type: 'temporal', timeUnit: "yearmonth", scale: {type: "utc"}, axis: {labelAngle: 15, title:'Date Added'}, }, y: { bin: { maxbins: 20 }, field: 'rating', type: 'quantitative', scale: {"domain": [0, 10]}, axis: {title:'IMDB Rating'} }, color: { aggregate: 'count', type: 'quantitative', legend:{ title:"Number of Titles", } }, tooltip: [ {title:'Number of Titles',aggregate: 'count', type: "quantitative"} ] }, config: { range: { heatmap: { scheme: 'inferno', }, }, axis: { labelColor: "#bebec8", tickColor: "#bebec8", titleColor: "#bebec8", labelFontSize: 15, titleFontSize: 20 }, legend:{ titleColor:"#bebec8", labelColor: "#bebec8", titleFontSize: 15, labelFontSize: 15 }, view:{ stroke: 'transparent', }, title:{ color:'#bebec8', fontSize: 25 }, } })32:T4c5,vegalite({ title: "Netflix Produced", data: { values: data2 }, mark: 'rect', width: width - 200, height: width * (4 / 9), background:'black', encoding: { x: { bin: { maxbins: 40 }, field: 'date', type: 'temporal', timeUnit: "yearmonth", scale: {"type": "utc"}, axis: { "labelAngle": 15, title:'Date Added' } }, y: { bin: { maxbins: 20 }, field: 'rating', type: 'quantitative', scale: {"domain": [0, 10]}, axis: {title:'IMDB Rating'} }, color: { aggregate: 'count', type: 'quantitative', legend:{ title:"Number of Titles" }, // scale: {"domain": [0, 29]} } }, config: { range: { heatmap: { scheme: 'inferno', }, }, axis: { labelColor: "#bebec8", tickColor: "#bebec8", titleColor: "#bebec8", labelFontSize: 15, titleFontSize: 20 }, legend:{ titleColor:"#bebec8", labelColor: "#bebec8", titleFontSize: 15, labelFontSize: 15 }, view: { stroke: 'transparent', }, title:{ color:'#bebec8', fontSize:25 } } })33:Ta73,viewof cb = html` `34:T458,md `The Netflix dataset we used contained titles, release dates, and genres, and came from a manually curated dataset on Kaggle (see references). We then scraped Wikipedia to determine whether titles were NP or not. We also used publicly available datasets from IMDB. We did extensive data preprocessing in order to combine multiple sources into single data files that could be used with D3.

To compare NP and NNP titles, we made use of three different metrics: time, ratings, and genre.
Our first visualization is a heatmap that views rating distribution as a landscape.

Our second visualization is a force diagram disguised as grids in bubbles (circular grids). We used squares to represent the number of titles, and colors to differentiate NP.

Similarly, for genre development across time, we used racing bar charts.

Lastly, we compiled all our dimensions into one scatter plot. Users can interact with individual titles, filter genres that are relevant to them, and observe the distribution of NP vs NNP, allowing them to fully explore and evaluate the Netflix platform. `35:T745,md `Users enjoyed the heat map for plotting the review distribution across time. One user pointed out that it’s easy for the human eye to associate regions of contiguous color. On the other hand, one user pointed out that the scales of the two charts have different ranges (NNP: 1-29, NP: 1-7), but the same color scheme, which can be misleading.

For the circular grid diagram, users were able to examine the stake that Netflix had in genres. Users enjoyed the contrast in colors, and the representation of title counts using squares. However, one user questioned the use of force diagrams, and whether circles were just chartjunk that held no information.

For our bar chart races, users were attracted to the use of motion, and it was an engaging way to encode time in a more natural way.

For our final visualizations, users liked that they were able to make genre-by-genre comparisons of the ratings of NP vs NNP titles over time. However, the graph is difficult to interpret when all genres are selected. While this may encourage users to interact with the visualization, some aggregations could be made to reduce the number of data points.

Overall, we found that audiences found our topic relevant, enjoyed interacting with our visualizations, and thought we conveyed a meaningful message.

Our result points to the fact that NP shows do quite well. We can see that Netflix stakes out highly popular genres and their ratings generally ride on the upper parts of the distribution. This means that users can have more confidence about NP shows. Furthermore, our genre analysis allows users to customize their exploration to see how well NP shows do in the genres relevant to them. Hence, based on our audience’s response, we believe that we have enabled something really great for our user’s showtime experience! `36:[{"id":"45d6056a5d6cf92e8c244c28a52e1069222937572fc2bf5ba5418dc70f48946d618f8a7f3eb22bd5bfcf6b074bbc9e2f15c24edb3bd7bf23c645936d93f0cfa6","href":"https://static.observableusercontent.com/files/45d6056a5d6cf92e8c244c28a52e1069222937572fc2bf5ba5418dc70f48946d618f8a7f3eb22bd5bfcf6b074bbc9e2f15c24edb3bd7bf23c645936d93f0cfa6","name":"np1.json","type":"application/json","lastModified":1589235678586.047,"size":26972},{"id":"fc6882ef8504212b70b24667e0525c76abe19f3793fb5fbf5a1babd38baff64f6df2f5f5c260dc9c37071fc09182ed2812616d2ab236098c8f985b602c1919d2","href":"https://static.observableusercontent.com/files/fc6882ef8504212b70b24667e0525c76abe19f3793fb5fbf5a1babd38baff64f6df2f5f5c260dc9c37071fc09182ed2812616d2ab236098c8f985b602c1919d2","name":"nnp1-2.json","type":"application/json","lastModified":1589235678586.047,"size":285727}] 2f:{"id":"cbcb8494a7a18617","slug":"is-netflix-actually-chill","title":"Is Netflix Actually Chill?","thumbnail":"2b5524d5c74c3728a6a9ece6c612739531ea1158ea50c4641e00adbcbc631201","access_level":"public","create_time":"$D2020-05-11T22:21:18.586Z","update_time":"$D2020-05-11T23:27:48.722Z","view_time":null,"first_public_time":"$D2020-05-11T22:34:57.123Z","fork":{"id":"c9803ab750fd69ab","slug":"netflix-chill","title":"Is Netflix Actually Chill?","owner":{"id":"049cd988c7123241","login":"jrmartinez","name":"Jr Martinez"}},"stars":4,"starred":false,"owner":{"type":"team","id":"e9bd22a45eddd44f","login":"tw2686","name":"James Wong","avatar_url":"https://avatars-next.observableusercontent.com/4ba810cdf5b4d5e69f1c1c9b5a5813434cc83aa35f3aeee73b4d1147b4ca1d2e","tier":"starter_2024"},"version":708,"publish_version":708,"role":null,"authored":false,"authors":[{"type":"individual","id":"8d9b2b164737f344","login":"tw2686","name":"James Wong","avatar_url":"https://avatars-next.observableusercontent.com/4ba810cdf5b4d5e69f1c1c9b5a5813434cc83aa35f3aeee73b4d1147b4ca1d2e","tier":null}],"members":[{"type":"individual","id":"8d9b2b164737f344","login":"tw2686","name":"James Wong","avatar_url":"https://avatars-next.observableusercontent.com/4ba810cdf5b4d5e69f1c1c9b5a5813434cc83aa35f3aeee73b4d1147b4ca1d2e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Is Netflix Actually Chill?","cells":[{"id":519,"value":"md `# Is Netflix Actually Chill?`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":677,"value":"md `#### Vivek Kumar
Jr Martinez
James Wong
Arya Zhao`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":532,"value":"md `Our project aims to explore the differences between Netflix produced shows and Non-Netflix produced shows. We explore this through an analysis of ratings retained from IMDB and genres that Netflix offers.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":529,"value":"md `## Number of Titles for Each Rating by Date`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":652,"value":"md `This is our ratings heatmap! In this visualization, we compare time against the number of titles (i.e., a “rating distribution” or landscape). The more titles there are for higher ratings, the better!`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":462,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":536,"value":"md `## Percent of Titles per Genre`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":563,"value":"md `In the visual below, each bubble represents a different genre. Within each bubble, the square represents the number of titles in that genre with grey representing Non-Netflix produced titles and red representing Netflix produced titles. Each square represents 25 Netflix Titles.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"c3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":544,"value":"md `## Number of Titles per Genre over Time (Netflix Produced)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":656,"value":"md `This is our bar chart race! Here, you can see how the number of titles for each genre have changed as we progressed from 2016 to 2020. You can examine genre development for both NP and NNP.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"viewof r1 = html`