2d:null 2e:["$","title",null,{"children":"Film Industry Visualizations - Usability Study | Berkeley MIDS W209 Information Visualization Course | Observable"}] 33:T824,{ const target = html`

`; yield target; var divElement = document.getElementById('viz1617085025513'); var vizElement = divElement.getElementsByTagName('object')[0]; if (divElement.offsetWidth > 800) { vizElement.style.minWidth = '1539px'; vizElement.style.maxWidth = '100%'; vizElement.style.minHeight = '1709px'; vizElement.style.maxHeight = divElement.offsetWidth * 0.75 + 'px'; } else if (divElement.offsetWidth > 500) { vizElement.style.minWidth = '1539px'; vizElement.style.maxWidth = '100%'; vizElement.style.minHeight = '1709px'; vizElement.style.maxHeight = divElement.offsetWidth * 0.75 + 'px'; } else { vizElement.style.width = '100%'; vizElement.style.height = '1477px'; } var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); yield target; }34:T641,{ const target = html`

`; yield target; var divElement = document.getElementById('viz1617120560818'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width = '100%'; vizElement.style.height = divElement.offsetWidth * 0.75 + 'px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); yield target; }35:T601,{ const target = html`

`; yield target; var divElement = document.getElementById('viz1617282036957'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width = '100%'; vizElement.style.height = divElement.offsetWidth * 0.75 + 'px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); yield target; }36:T85c,{ const target = html`

`; yield target; var divElement = document.getElementById('viz1617086841114'); var vizElement = divElement.getElementsByTagName('object')[0]; if (divElement.offsetWidth > 800) { vizElement.style.minWidth = '1220px'; vizElement.style.maxWidth = '100%'; vizElement.style.minHeight = '1110px'; vizElement.style.maxHeight = divElement.offsetWidth * 0.75 + 'px'; } else if (divElement.offsetWidth > 500) { vizElement.style.minWidth = '1220px'; vizElement.style.maxWidth = '100%'; vizElement.style.minHeight = '1110px'; vizElement.style.maxHeight = divElement.offsetWidth * 0.75 + 'px'; } else { vizElement.style.width = '100%'; vizElement.style.minHeight = '850px'; vizElement.style.maxHeight = divElement.offsetWidth * 1.77 + 'px'; } var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); yield target; }37:T888,{ const target = html`

`; yield target; var divElement = document.getElementById('viz1617086964160'); var vizElement = divElement.getElementsByTagName('object')[0]; if (divElement.offsetWidth > 800) { vizElement.style.minWidth = '1320px'; vizElement.style.maxWidth = '1420px'; vizElement.style.width = '100%'; vizElement.style.minHeight = '587px'; vizElement.style.maxHeight = '887px'; vizElement.style.height = divElement.offsetWidth * 0.75 + 'px'; } else if (divElement.offsetWidth > 500) { vizElement.style.minWidth = '1320px'; vizElement.style.maxWidth = '1420px'; vizElement.style.width = '100%'; vizElement.style.minHeight = '587px'; vizElement.style.maxHeight = '887px'; vizElement.style.height = divElement.offsetWidth * 0.75 + 'px'; } else { vizElement.style.width = '100%'; vizElement.style.height = '727px'; } var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); yield target; }38:T71d,md`## Debriefing Questions: 1. Would it be easier to navigate each visualization as a whole if it was accompanied by written descriptions detailing how one can use it? 2. Rate the clarity of the axis labels in the visualizations collectively on a scale of 1 to 7 (1 being very unclear and 7 being very clear). 3. Rate the usability of the star selector on a scale of 1 to 7 (1 being very ineffective and 7 being very effective). 4. Do you have any suggestions regarding the appearance of the stars’ icons? 5. Would it be easier to interpret the number of older costar and number of younger costar if these numbers were directly next to the costar bar chart? Do you find that these numbers provide useful information that the chart does not capture on its own? 6. Would you find it easier to navigate the costar bar chart per star if the bars were horizontal or vertical? 7. Rate the usability of the radial bar chart on a scale of 1 to 7 (1 being very hard to use and 7 being very easy to use). What would you add to this chart to make it easier to understand? Which is easier to understand: the radial bar chart or the stacked bar chart? 8. Rate the usability of the year sliders in the two packed bubble charts on a scale of 1 to 7 (1 being very hard to use and 7 being very easy to use). 9. Would you prefer a singular time slider that controls the year for both packed bubble charts or two time sliders (where one controls the year for the actresses chart and the other controls the year for the actors chart)? 10. Would you find it easier to compare distribution of film count across genre between genders if the two packed bubble charts were stacked horizontally or vertically? 11. Rate the overall ease of use for Visualization 4 from 1 to 7 (1 being very hard to use and 7 being very easy to use). `39:[] 31:{"id":"c2c08ff9bf1bb534","slug":"film-industry-dashboard-usability-study","title":"Film Industry Visualizations - Usability Study","thumbnail":"64f6926e139fcfaed26f16c142caf5e0e2a9aa1884fad8b2ee9f0e273a391271","access_level":"public","create_time":"$D2021-03-30T06:10:44.945Z","update_time":"$D2022-03-26T01:17:00.740Z","view_time":null,"first_public_time":"$D2021-04-02T21:10:17.043Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"70c3e45a1a202b95","login":"berkeleyvis","name":"Berkeley MIDS W209 Information Visualization Course","avatar_url":"https://avatars-next.observableusercontent.com/15549145605863403a5e1a9e52e5f27f9a102749b0a2c648195d93efe07a5f34","tier":"enterprise_2024"},"version":170,"publish_version":170,"role":null,"authored":false,"authors":[{"type":"individual","id":"c1c5c1c213fdb803","login":"shalziekay","name":"Shalini K","avatar_url":"https://avatars-next.observableusercontent.com/b4c4bc24d5f622b3def6bb7486d72de8c83f2ef8645fb218c75803496d9900f6","tier":null}],"members":[{"type":"individual","id":"d37c86371d31db79","login":"anusham97","name":"","avatar_url":"https://avatars-next.observableusercontent.com/86b04d1fc5a53b0efdec840b97a9b8f475f8c95fccd11c01d21e34368d71cdf1","tier":null,"role":"editor"},{"type":"individual","id":"b79260906285c78c","login":"aunnithan","name":"Anjali Unnithan","avatar_url":"https://avatars-next.observableusercontent.com/be4154ad5ced772215f4d8c76e03c866930d72e9d8a2685938ac18e3d7243e37","tier":null,"role":"editor"},{"type":"individual","id":"bea678b144a26878","login":"jackysmars","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ec59d7a09a703598c801610e658b40867e07be6a1be3bec5abede747c8f19667","tier":null,"role":"editor"},{"type":"individual","id":"d682bcc7bdeea950","login":"lavanyavijayan","name":"","avatar_url":"https://avatars-next.observableusercontent.com/d4c3773688bf71211929f4d7e49bafec44b4f03386194b42f617a7a205b0d9d2","tier":null,"role":"editor"},{"type":"individual","id":"c1c5c1c213fdb803","login":"shalziekay","name":"Shalini K","avatar_url":"https://avatars-next.observableusercontent.com/b4c4bc24d5f622b3def6bb7486d72de8c83f2ef8645fb218c75803496d9900f6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Film Industry Visualizations - Usability Study","cells":[{"id":0,"value":"md`# Film Industry Visualizations - Usability Study`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"md`By: Lavanya Vijayan, Shalini Kunapuli, Anjali Unnithan, Anusha Mohan, Jacky Wong`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"md`Welcome to this Usability Study! Before we start, please make sure you are in the Classic Mode of Observable. Then go to the top right hand corner of the notebook and click on the three dots. Click on \"View in Fullscreen\" to view everything. Please use \"Control - \" or \"Command -\" to zoom out until everything fits into the screen, as needed.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"md`## Visualization 1`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"md`### Questions About Visualization 1:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"md`\n\n1. What do you think this visualization is about? \n\n2. What are the top 3 genres in Salma Hayek’s career (i.e. the genres with the 3 highest film counts)?\n\n3. In the film *Catch Me If You Can*, what is the age difference between Leonardo DiCaprio and Nathalie Baye? Which of them is younger?\n\n4. As a general trend, is Anne Hathaway older or younger than her male co-star throughout her filmography? In which film franchise does she have the largest age gap with her co-star?\n\n5. How would you describe the trend in Chadwick Boseman’s worldwide box office revenue (adjusted for inflation)?\n\n6. What was the worldwide box office revenue generated by the film *Legally Blonde*, released in 2001, starring Reese Witherspoon? \n\n7. How many films has Meryl Streep starred in?\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"md`## Visualization 2`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"md`### Questions About Visualization 2:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"md`\nPlease refer to either the stacked bar chart or radial chart for answering the following questions:\n\n1. What do you think this visualization is about? \n\n2. Did films with male lead stars, female lead stars, or a mix of male and female lead stars contribute to the majority of the total box office revenue for 2019? What percentage of box office revenue did this subset of films make?\n\n3. What is the earliest year represented in this chart?\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"md`## Visualization 3`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"md`### Questions About Visualization 3:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"md`\n1. What do you think this visualization is about? \n\n2. In the year 2003, what was the top genre (i.e. the genre with the highest average film count) \n\n 2a. amongst actresses?\n\n 2b. amongst actors? \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"md`## Visualization 4`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"md`### Questions About Visualization 4:\n\n1. What do you think this visualization is about?\n\n2. Among the years 2006 and earlier, which year has Will Smith and Tom Cruise both contributed to the highest total box office revenues? \n\n3. In which year did Anne Hathaway and Nicole Kidman have the largest difference in total box office revenues? \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 32:"$31:body"