31:T764,genreChart = { const svg = d3.create('svg') .attr('viewBox', [0, 0, w, h]) .style('background', backgroundColor) .style('border', '0.5px solid lightgray') .style('border-radius', '7.5px'); svg.append('g') .call(xAxis); svg.append('g') .call(yAxis); const lines = svg.append('g'), circles = svg.append('g'); return Object.assign(svg.node(), { update(genre) { const circlesData = d3.range(genreData.dates.length).map((d, i) => { return { x: genreData.dates[i], y: genreData.series.filter(d => d.genre == genre.toLowerCase())[0].values[i] }; }); lines.selectAll('path') .data(genreData.series) .join('path') .style('fill', 'none') .attr('d', d => line(d.values)) .transition() .duration(500) .style('opacity', d => d.genre == genre.toLowerCase() ? 1 : 0.4) .style('stroke', d => d.genre == genre.toLowerCase() ? highlightColor : '#CCCAC1') .attr('stroke-width', d => d.genre == genre.toLowerCase() ? 1.25 : 0.8); circles.selectAll('circle') .data(circlesData) .join( enter => enter.call( enter => enter.append('circle') .attr('cx', d => x(d.x)) .attr('cy', d => y(d.y)) .transition() .duration(500) .attr('r', d => d.y === null ? 0 : 2) .style('fill', highlightColor) ), update => update.call( update => update.transition() .duration(250) .attr('r', 0) .transition() .duration(0) .attr('cx', d => x(d.x)) .attr('cy', d => y(d.y)) .transition() .duration(250) .attr('r', d => d.y === null ? 0 : 2) ) ); return 'I take care of updating genres...'; } }); }32:T90d,plotChart = { const svg = d3.create('svg') .attr('viewBox', [0, 0, w, hp]) .style('background', backgroundColor) .style('border', '0.5px solid lightgray') .style('border-radius', '7.5px'); svg.append('g') .call(xAxisp); svg.append('line') .attr('x1', xp(0)) .attr('x2', xp(0)) .attr('y1', yp(-0.35)) .attr('y2', yp(30)) .attr('stroke', 'white') .attr('stroke-width', 0.5); svg.append('g') .attr('transform', `translate(${xp(0.15)}, ${yp(1)})`) .style('fill', highlightColor) .style('font-family', 'Avenir, Arial') .append('text') .attr('text-anchor', 'start') .style('font-size', '14px') .text('WINNERS'); svg.append('g') .attr('transform', `translate(${xp(0.15)}, ${yp(0)})`) .style('fill', highlightColor) .style('font-family', 'Avenir, Arial') .append('text') .attr('text-anchor', 'start') .style('font-size', '12px') .text('words more popular in plots of movies that won an Oscar'); svg.append('g') .attr('transform', `translate(${xp(-0.15)}, ${yp(29)})`) .style('fill', '#C7C7EA') .style('font-family', 'Avenir, Arial') .append('text') .attr('text-anchor', 'end') .style('font-size', '14px') .text('NOMINEES'); svg.append('g') .attr('transform', `translate(${xp(-0.15)}, ${yp(28)})`) .style('fill', '#C7C7EA') .style('font-family', 'Avenir, Arial') .append('text') .attr('text-anchor', 'end') .style('font-size', '12px') .text("words more popular in plots of movies that didn't win an Oscar"); svg.append('g') .selectAll() .data(plotData) .join('circle') .attr('cx', d => xp(d.wn_ratio)) .attr('cy', (d, i) => yp(i)) .attr('r', 4) .style('fill', d => d.wn_ratio >= 0 ? highlightColor : '#C7C7EA'); svg.append('g') .style('font-family', 'Avenir, Arial') .style('font-size', '12px') .selectAll() .data(plotData) .join('g') .attr('transform', (d, i) => `translate(${xp(d.wn_ratio) + (d.wn_ratio >= 0 ? 7.5 : -7.5)}, ${yp(i) + 3})`) .append('text') .attr('text-anchor', d => d.wn_ratio >= 0 ? 'start' : 'end') .attr('fill', d => d.wn_ratio >= 0 ? highlightColor : '#C7C7EA') .text(d => d.word); return svg.node(); }33:Tae0,plotChartFull = { const svg = d3.create('svg') .attr('viewBox', [0, 0, w, hpFull]) .style('border-radius', '7.5px') .style('cursor', 'pointer') .on('mouseover', () => tooltip.attr('opacity', 1)) .on('mouseout', () => tooltip.attr('opacity', 0)); const data = plotDataFull.filter(d => !isNaN(d.wn_ratio)) .sort((a, b) => d3.ascending(b.wn_ratio, a.wn_ratio) || d3.ascending(a.word, b.word)); const fill = d3.scaleLinear() .domain([-7, -1, 0, 1, 17]) .range(['#0000FF', '#CCCCFF', 'white', '#FFF7CC', '#FFD800']); const nRows = 70, nCols = 60, rWidth = w / nCols, rHeight = hpFull / nRows; const x = d3.scaleLinear() .domain([0, nCols]) .range([0, width]); const y = d3.scaleLinear() .domain([0, nRows]) .range([0, hpFull]); let plot = []; const rects = svg.append('g') .selectAll() .data(data) .join('rect') .attr('x', (d, i) => x(i % nCols)) .attr('y', (d, i) => y(Math.floor(i / nCols))) .attr('width', rWidth) .attr('height', rHeight) .style('fill', d => fill(d.wn_ratio)) .on('mousemove', function(d) { let [x, y] = d3.mouse(this); tooltipText.selectAll('text') .data([0]) .join('text') .call(tooltipTextHandler, d); const dims = tooltipText.node().getBBox(); if (y - 30 + dims.y < 0) y = 30 - dims.y; if (x + dims.width + 15 > w) x -= dims.width + 22.5; tooltip.attr('transform', `translate(${x + 15}, ${y - 25})`); tooltipRect.attr('width', dims.width + 15) .attr('height', dims.height + 10) .attr('x', dims.x - 7.5) .attr('y', dims.y - 5); }) .on('click', function(d) { updateForm(d.word); plot.push(d.word); mutable plot = plot; }); const tooltip = svg.append('g') .style('font-family', 'Avenir, Arial') .style('pointer-events', 'none'); const tooltipRect = tooltip.append('rect') .attr('width', 0) .attr('height', 0) .attr('rx', '7.5px') .style('fill', backgroundColor); const tooltipText = tooltip.append('g') .attr('text-anchor', 'start') .style('fill', 'white') .style('font-weight', 600); const desc = svg.append('text') .attr('x', x(nCols - 0.25)) .attr('y', y(nRows - 0.075)) .attr('text-anchor', 'end') .style('font-family', 'Avenir, Arial') .style('font-size', '8px') .style('font-weight', 600) .text('GDAŃSK, FEB. 2020'); return Object.assign(svg.node(), { highlightWord(word) { rects.style('fill', d => d.word == word ? '#262626' : fill(d.wn_ratio)); return 'I highlight words...'; }, resetPlot() { plot = []; mutable plot = []; } }); }34:T45f,runtimeChart = { const svg = d3.create('svg') .attr('viewBox', [0, 0, w, h]) .style('background', backgroundColor) .style('border', '0.5px solid lightgray') .style('border-radius', '7.5px'); svg.append('g') .call(xAxisr); svg.append('g') .call(yAxisr); svg.append('g') .attr('transform', `translate(${xr(1962.5)}, ${yr(137.5)})`) .style('fill', highlightColor) .style('font-family', 'Avenir, Arial') .append('text') .attr('text-anchor', 'middle') .style('font-size', '12px') .text('WINNERS'); svg.append('g') .attr('transform', `translate(${xr(1961.5)}, ${yr(120.25)})`) .style('fill', '#C7C7EA') .style('font-family', 'Avenir, Arial') .append('text') .attr('text-anchor', 'middle') .style('font-size', '12px') .text('NOMINEES'); svg.append('g') .selectAll('path') .data(runtimeData.series) .join('path') .attr('d', d => liner(d.values)) .attr('fill', 'none') .attr('stroke', d => d.type == 'winner' ? highlightColor : '#C7C7EA') .attr('stroke-width', 1.25); return svg.node(); }35:T457,budgetChart = { const svg = d3.create('svg') .attr('viewBox', [0, 0, w, h]) .style('background', backgroundColor) .style('border', '0.5px solid lightgray') .style('border-radius', '7.5px'); svg.append('g') .call(xAxisb); svg.append('g') .call(yAxisb); svg.append('g') .attr('transform', `translate(${xb(1956)}, ${yb(8e7)})`) .style('fill', highlightColor) .style('font-family', 'Avenir, Arial') .append('text') .attr('text-anchor', 'middle') .style('font-size', '12px') .text('WINNERS'); svg.append('g') .attr('transform', `translate(${xb(1940)}, ${yb(7.25e7)})`) .style('fill', '#C7C7EA') .style('font-family', 'Avenir, Arial') .append('text') .attr('text-anchor', 'middle') .style('font-size', '12px') .text('NOMINEES'); svg.append('g') .selectAll('path') .data(budgetData.series) .join('path') .attr('d', d => lineb(d.values)) .attr('fill', 'none') .attr('stroke', d => d.type == 'winner' ? highlightColor : '#C7C7EA') .attr('stroke-width', 1.25); return svg.node(); }36:[{"id":"8fc1485666b5028a82da60ba028d10382e2a2a3f6af786de6a9be594cfdc3485c9476a9a75719a60ca11550eeaa813c00c7e04499fd0c1fcb65f43aa28f5a820","href":"https://static.observableusercontent.com/files/8fc1485666b5028a82da60ba028d10382e2a2a3f6af786de6a9be594cfdc3485c9476a9a75719a60ca11550eeaa813c00c7e04499fd0c1fcb65f43aa28f5a820","name":"plotData@1.csv","type":"text/csv","lastModified":1580314433203.026,"size":2264},{"id":"ae6065337f33dcd1d4606776f6c7c5c2ce4d4123f791b0e0dbabab1fccec4214029bbae53af89d822ed3ece0bfcca15635d49af94ec721280c1fedb318226fa8","href":"https://static.observableusercontent.com/files/ae6065337f33dcd1d4606776f6c7c5c2ce4d4123f791b0e0dbabab1fccec4214029bbae53af89d822ed3ece0bfcca15635d49af94ec721280c1fedb318226fa8","name":"genreData.csv","type":"text/csv","lastModified":1580248821566.299,"size":26500},{"id":"fe903f369a3cee64de5c8f3bb271c949d3c60895e2fc4664d9d46738cf9001474974d9cb022d7c8f0d7d96d935fd37ed106fe5a65d36e0f022fdffd9c7e68e57","href":"https://static.observableusercontent.com/files/fe903f369a3cee64de5c8f3bb271c949d3c60895e2fc4664d9d46738cf9001474974d9cb022d7c8f0d7d96d935fd37ed106fe5a65d36e0f022fdffd9c7e68e57","name":"bojack-horseman-oscar-pic.jpg","type":"image/jpeg","lastModified":1580729163282.905,"size":151658},{"id":"7877cc1d0d0f1e02eaeed1e8b3e29db294e2aae1cac0df0ab63fd1d9c987b394a5b3f502beae4b3f2ce57ef24439d663b03dd8f26a9026b87f2cd7d7555d4ed6","href":"https://static.observableusercontent.com/files/7877cc1d0d0f1e02eaeed1e8b3e29db294e2aae1cac0df0ab63fd1d9c987b394a5b3f502beae4b3f2ce57ef24439d663b03dd8f26a9026b87f2cd7d7555d4ed6","name":"plotDataFull.csv","type":"text/csv","lastModified":1580322202108.457,"size":718471},{"id":"78726d2c8dfd913fe9ca1d24d842040d2b9ae1c31dc6055a925659156a254226b335639f5eacc6cdbd78c0d98f699252af874f361ec9c2f8c9bb200bbda29483","href":"https://static.observableusercontent.com/files/78726d2c8dfd913fe9ca1d24d842040d2b9ae1c31dc6055a925659156a254226b335639f5eacc6cdbd78c0d98f699252af874f361ec9c2f8c9bb200bbda29483","name":"budgetData.csv","type":"text/csv","lastModified":1580301086143.231,"size":3359},{"id":"2bedae18829d4823e518485925d20f09330ee102d07dcadc4f5a6bd75c6b1a56d6e7a83739a17ace816e49b01d2b523c00a03d3265ddea9df134ea99a0abcd89","href":"https://static.observableusercontent.com/files/2bedae18829d4823e518485925d20f09330ee102d07dcadc4f5a6bd75c6b1a56d6e7a83739a17ace816e49b01d2b523c00a03d3265ddea9df134ea99a0abcd89","name":"run_data_to_save.csv","type":"text/csv","lastModified":1580571596704.117,"size":376}] 2f:{"title":"How to win an Oscar","cells":[{"id":0,"value":"md`# How to win an Oscar`","pinned":false,"hidden":false,"mode":"ojs"},{"id":490,"value":"md`*...with data-driven approach?*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":288,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"md`*A few tips for ambitious movie producers made for **[Lingaro's Oscar Awards Data Challenge](https://lingarogroup.com/data-visualization-contest/)**.*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"md`---\n## Introduction`","pinned":false,"hidden":false,"mode":"ojs"},{"id":349,"value":"md`Winning an Oscar can be a **very tough job** (thank you BoJack for making this process more clear!). Some actors waited decades to actually get that golden statue – even the greatest, such as Leonardo DiCaprio, who waited more than 20 years to finally win the prize.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":398,"value":"md`As producers, we can't do much about actors' performance on the filming stage, but we can do other things that ultimately could result in getting an Oscar. Let's take a data-driven approach to answer an intriguing question: **\"How to win an Oscar?\"**.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":134,"value":"md`---\n## Step 1. Choose a proper genre`","pinned":false,"hidden":false,"mode":"ojs"},{"id":413,"value":"md`Do you remember the last time a horror movie won the Oscar? Okay, thanks to *Get Out*, that might be an easy question, but generally, some genres aren't quite well suited for the tastes of Academy of Motions Picture Arts and Sciences' members, and other are especially favored.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":430,"value":"md`To have a better overview of how trends in receiving the prizes looked like over the years, I created an index called *Oscar-likeliness Index*. It's basically the number of nominations and wins for movies, actors and directors of a given genre in each year (weighted so that the victory is equal to ten nominations), divided by the total number of nominees and winners. Lines connect values in **consecutive years.**`","pinned":false,"hidden":false,"mode":"ojs"},{"id":102,"value":"viewof favGenre = select({\n title: 'AND THE OSCAR GOES TO...',\n options: genreData.series.map(d => d.genre.toUpperCase()).sort(d3.ascending),\n desc: 'WHAT A SURPRISE!',\n selected: 'DRAMA',\n selectStyle: {\n width: '145px',\n background: highlightColor,\n color: backgroundColor,\n border: `0.5px solid ${backgroundColor}`\n },\n caretStyle: {\n fill: backgroundColor\n },\n onchange: objs => {\n d3.select(objs.select)\n .style('color', highlightColor)\n .interrupt()\n .transition()\n .duration(100)\n .style('width', '85px')\n .transition()\n .duration(400)\n .style('width', '145px')\n .style('color', backgroundColor)\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":427,"value":"md`There is one, clear and consistent winner – the drama genre (it's probably because the majority of films have some serious parts and thus they simply count as dramas). Its closest competitor – romance – has been doing worse and worse over the years making this tip a no-brainer: **go with drama.**`","pinned":false,"hidden":false,"mode":"ojs"},{"id":688,"value":"md`Or, you can consider mixing it with comedy, romance and adventure, creating one of a kind, romantic, funny adventure that is also quite dramatic at times. Doesn't that sound like a definition of life, by the way?`","pinned":false,"hidden":false,"mode":"ojs"},{"id":681,"value":"md`---\n## Step 2. Thoughtfully consider a movie's plot`","pinned":false,"hidden":false,"mode":"ojs"},{"id":696,"value":"md`Now that you know which genres are most likely to be nominated and ultimately win an Oscar, it's time to think about the movie's plot.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":842,"value":"md`To get a sense of topics that might be favored by the members of Academy, I conducted text analysis of plots of movies that were once nominated or won the grand prize. More precisely, I calculated the fraction of each word that appears in the plots of both nominees and winners (so if a movie won at least one Oscar, it wasn't considered as nominee even if it was nominated in other categories).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":855,"value":"md`For example, if the word **dance** accounted for 0.077% of all words in the plots of winner movies and 0.037% of nominees, we can say that the **dance** word appears relatively ${Math.round(100 * 0.077 / 0.037) / 100}x more often in plots of winner movies than in the plots of nominees.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":708,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":869,"value":"md`The chart above showcases 30 manually selected words that were relatively popular among both datasets (and I found them interesting) – 15 that appeared relatively more often in the plots of nominees (e.g. wealthy, old and famous) and 15 that were more likely to appear in the plots of winners (such as love, city and fortune).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":964,"value":"md`If you feel like going through all words that appeared in both winner' and nominee's plots, they're just one scroll below, visualized in the form of a *sunset-over-the-sea* heatmap – hover over it to reveal particular words.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2387,"value":"md`You can also build your own, Oscar-winning plot **by clicking the tiles on heatmap** – try to stick to the yellow side!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2255,"value":"viewof randomPlot = button({\n desc: 'IF YOU NEED SOME INSPIRATION...',\n value: 'GENERATE RANDOM PLOT',\n divStyle: {\n display: 'inline-block',\n 'margin-right': '5px'\n },\n buttonStyle: {\n background: highlightColor,\n border: `0.5px solid ${backgroundColor}`\n },\n onclick: () => {\n plotChartFull.resetPlot();\n mutable randomGeneratorState = 'on';\n },\n initialize: false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2378,"value":"button({\n desc: 'ANOTHER TRY?',\n value: 'RESET',\n divStyle: {\n display: 'inline-block',\n 'margin-right': '5px'\n },\n buttonStyle: {\n background: highlightColor,\n border: `0.5px solid ${backgroundColor}`\n },\n onclick: () => plotChartFull.resetPlot()\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2086,"value":"html`CORE OF YOUR MOVIE: ${plot.map(d => d.toUpperCase()).reduce((a, b) => a + ' ' + b, '')}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1188,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":2339,"value":"md`You can also search for a specific word to reveal its position on the chart above.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":967,"value":"viewof selectedWord = autoSelect({\n options: filteredWords.sort(d3.ascending),\n placeholder: 'Search for a word...',\n value: 'ship'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":980,"value":"{\n const selected = plotDataFull.filter(d => d.word == selectedWord)[0];\n\n return html`The word ${selected.word} has appeared relatively ${Math.round(Math.abs(selected.wn_ratio) * 100)}% more often in the plots of = 0 ? '#E5C300' : '#9898EA'}'>${isNaN(selected.wn_ratio) ? (selected.n_winner > 0 ? 'winners' : 'nominees') : selected.wn_ratio >= 0 ? 'winners' : 'nominees'} (${isNaN(selected.wn_ratio) ? (selected.n_winner > 0 ? selected.n_winner : selected.n_nominee) : selected.wn_ratio >= 0 ? selected.n_winner : selected.n_nominee}) than in the plots of ${isNaN(selected.wn_ratio) ? (selected.n_winner > 0 ? 'nominees' : 'winners') : selected.wn_ratio >= 0 ? 'nominees' : 'winners'} (${!isNaN(selected.wn_ratio) ? (selected.wn_ratio < 0 ? selected.n_winner : selected.n_nominee) : 0}).`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":881,"value":"md`When thinking about your next big movie, let's try to focus on things like mysterious secrets that are being unveiled by the police and not on sons of famous, wealthy and old fathers (if you aim to win an Oscar, at least).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":887,"value":"md`A few propositions of *this-almost-certainly-will-win-an-oscar* movie plots:\n- 🦹🏽🤴 **Mysterious woman (a superhero) is helping a king in learning how to dance (they both don't know their secret identities, of course)** (genre: sci-fi, drama-comedy, romance),\n- 👮‍♀️👩‍💼 **French police officer falls in love with American musician** (genre: drama, romance, musical),\n- 🍀👶 **Exceptionally lucky child left the school and went on a fantastic adventure after making a small fortune by accidentally winning on a lottery** (genre: adventure, comedy, action).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":878,"value":"md`I hope that you've got a more clear picture of your movie's plot now – we are getting very close to winning the Holy Grail of cinematography!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2474,"value":"md`---\n## Step 3. Take your time to tell the story`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2477,"value":"md`Good stories usually aren't short (*The Lord of the Rings*, I'm pointing at you!), but the luxury of having almost unlimited number of pages to walk us through worlds that are often far, far away, is a domain of writers, not directors.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2554,"value":"md`Movies are typically limited to 1.5 – 2 hours (of course with some exceptions – if you feel like watching a 35 day-long film about the production cycle of a pedometer presented in a reverse chronological order, [you can do so](https://www.imdb.com/title/tt8273150/)).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2567,"value":"md`When it comes to Oscars, longer films are generally favored. Maybe the reason behind that is that they have more compelling stories that simply take more time to be told?`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2586,"value":"md`You can check the average runtime of winners (all categories) and nominees over the decades (average runtime for each consecutive 10 years) below. For each decade, winners tended to be longer than nominees (statistically confirmed using a ${tex`\\chi^2`} test 👨‍🔬).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2507,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":2597,"value":"md`Having this important knowledge in mind, let's go to the next, *bonus tip*, about the thing that runs the world – 💰. Maybe it won't help you win Oscar, but it certainly could stop you from spending too much money on your movie.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":469,"value":"md`---\n## Step 4. Resist overrunning the budget`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1128,"value":"md`Some believe that money can buy everything, but this is not the case when it comes to winning an Oscar – budget of the movie doesn't seem to be a differentiating factor there.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":515,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":621,"value":"md`We should look at the chart above with caution, as there is a lot of missing budget data in the dataset – only about 15% of movies have a non-empty value here. Also, lines were slightly smoothed to provide a better readability of trends present in the data.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":629,"value":"md`Anyway, basing on the data we do have, we can say that average budgets for nominees and winners are quite similar, so there is little chance that money is going to win you an Oscar.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2741,"value":"md`---\n## Overview of 2020's Academy Award for Best Picture Nominees`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2800,"value":"md`Let's try to apply this knowledge to this year's nominees by focusing on their genres, plots and runtimes.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2805,"value":"md`The words relatively more popular in plots of movies that won an Oscar are yellow and these from plots of movies that were nominated, but didn't win – blue.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2999,"value":"md`Words that are present in the dataset are bold (so if you see a white, bold word, it means that it appeared relatively as often in the plots of winners as in the plots of nominees).\n\nMovies' plots come from Google Search film synopsis.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2737,"value":"md`---\n### 1917\nGenres: drama, war
\nRuntime: 1h 59min
\nBudget: $100,000,000 (estimated)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2870,"value":"colorizePlot(\"During World War I, two British soldiers -- Lance Cpl. Schofield and Lance Cpl. Blake -- receive seemingly impossible orders. In a race against time, they must cross over into enemy territory to deliver a message that could potentially save 1,600 of their fellow comrades -- including Blake's own brother.\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2750,"value":"md`---\n### Ford v Ferrari\nGenres: action, biography, drama
\nRuntime: 2h 32min
\nBudget: $97,600,000 (estimated)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2754,"value":"colorizePlot(\"American automotive designer Carroll Shelby and fearless British race car driver Ken Miles battle corporate interference, the laws of physics and their own personal demons to build a revolutionary vehicle for the Ford Motor Co. Together, they plan to compete against the race cars of Enzo Ferrari at the 24 Hours of Le Mans in France in 1966.\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2760,"value":"md`---\n### Jojo Rabbit\nGenres: comedy, drama, war
\nRuntime: 1h 48min
\nBudget: $14,000,000`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2763,"value":"colorizePlot(\"Jojo is a lonely German boy who discovers that his single mother is hiding a Jewish girl in their attic. Aided only by his imaginary friend -- Adolf Hitler -- Jojo must confront his blind nationalism as World War II continues to rage on.\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2814,"value":"md`---\n### Joker\nGenres: crime, drama, thriller
\nRuntime: 2h 2min
\nBudget: $55,000,000 (estimated)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2817,"value":"colorizePlot(\"Forever alone in a crowd, failed comedian Arthur Fleck seeks connection as he walks the streets of Gotham City. Arthur wears two masks -- the one he paints for his day job as a clown, and the guise he projects in a futile attempt to feel like he's part of the world around him. Isolated, bullied and disregarded by society, Fleck begins a slow descent into madness as he transforms into the criminal mastermind known as the Joker.\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2836,"value":"md`---\n### Little Women\nGenres: drama, romance
\nRuntime: 2h 15min
\nBudget: $40,000,000 (estimated)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2840,"value":"colorizePlot(\"In the years after the Civil War, Jo March lives in New York and makes her living as a writer, while her sister Amy studies painting in Paris. Amy has a chance encounter with Theodore, a childhood crush who proposed to Jo but was ultimately rejected. Their oldest sibling, Meg, is married to a schoolteacher, while shy sister Beth develops a devastating illness that brings the family back together.\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2823,"value":"md`---\n### Marriage Story\nGenres: comedy, drama, romance
\nRuntime: 2h 17min
\nBudget: $18,600,000 (estimated)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2820,"value":"colorizePlot(\"A stage director and his actor wife struggle through a gruelling, coast-to-coast divorce that pushes them to their personal and creative extremes.\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2877,"value":"md`---\n### Once Upon a Time... in Hollywood\nGenres: comedy, drama
\nRuntime: 2h 41min
\nBudget: $90,000,000 (estimated)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2880,"value":"colorizePlot(\"Actor Rick Dalton gained fame and fortune by starring in a 1950s television Western, but is now struggling to find meaningful work in a Hollywood that he doesn't recognize anymore. He spends most of his time drinking and palling around with Cliff Booth, his easygoing best friend and longtime stunt double. Rick also happens to live next door to Roman Polanski and Sharon Tate -- the filmmaker and budding actress whose futures will forever be altered by members of the Manson Family.\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2883,"value":"md`---\n### Parasite\nGenres: comedy, crime, drama
\nRuntime: 2h 12min
\nBudget: $11,000,000`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2886,"value":"colorizePlot(\"Greed and class discrimination threaten the newly formed symbiotic relationship between the wealthy Park family and the destitute Kim clan.\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2730,"value":"md`---\n### The Irishman\nGenres: biography, crime, drama
\nRuntime: 3h 29min
\nBudget: $159,000,000 (estimated)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2733,"value":"colorizePlot(\"In the 1950s, truck driver Frank Sheeran gets involved with Russell Bufalino and his Pennsylvania crime family. As Sheeran climbs the ranks to become a top hit man, he also goes to work for Jimmy Hoffa -- a powerful Teamster tied to organized crime.\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2931,"value":"md`---\nAll movies are some kind of a drama movie – so the one that is the most likely to win an Oscar.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2937,"value":"md`When it comes to films' plots, it seems like **Joker** and **Marriage Story** have the best overall ratio of *winners words / nominees words.*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2944,"value":"md`The longest movie – **The Irishman** – has a lot of words that were more popular in plots of movies that ulimately won no Oscar at all (but maybe the long, compelling story will help it win?). Runtimes of other movies vary from ~2h to 2:40h.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2950,"value":"md`The aim of this notebook wasn't to create a machine learning algorithm to predict this year's winner – so this prediction isn't backed by any advanced statistics – but if I were to choose a Best Picture winner, basing on the above analysis I would pick **Joker** or **Marriage Story**.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"md`---\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1143,"value":"md`Data used in this notebook comes from the following sources: [oscars.org,](https://observablehq.com/d/ce0bc1e90b3db885) [datahub.io,](https://datahub.io/rufuspollock/oscars-nominees-and-winners/datapackage.json) [omdbapi.com,](http://www.omdbapi.com/) [boxofficemojo.org.](https://www.boxofficemojo.com) and [IMDb.com](https://www.imdb.com).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":461,"value":"md`The majority of data preparation was conducted using R – I use processed datasets here.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2717,"value":"colorizePlot = plot => {\n let plotList = plot.split(' ');\n\n const plotDict = plotList.map(d => {\n const entry = {\n [d]: {\n original: d,\n adjusted: d.toLowerCase().replace(/['!\"#$%&\\\\'()\\*+,\\-\\.\\/:;<=>?@\\[\\\\\\]\\^_`{|}~']/g, '')\n }\n };\n\n const filtered = plotDataFull.filter(e => e.word == entry[d].adjusted)[0];\n if (filtered != undefined) entry[d]['wn_ratio'] = filtered.wn_ratio;\n else entry[d]['wn_ratio'] = undefined;\n\n return entry;\n });\n\n const fill = d3.scaleLinear()\n .domain([-0.75, 0, 0.75])\n .range(['#7575FF', 'white', '#FFD800'])\n .clamp(true);\n\n return html`

${plotList.map((d, i) => `` + plotDict[i][d].original + '').reduce((a, b) => a + ' ' + b, '')}

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":173,"value":"md`---\n### Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"genreData = {\n const data = d3.csvParse(await FileAttachment('genreData.csv').text(), (d, i, columns) => {\n return {\n genre: d.genre.split('_ratio')[0],\n values: columns.slice(1).map(k => d[k] === '' ? null : +d[k])\n };\n });\n return {\n series: data,\n dates: data.columns.slice(1).map(d => +d)\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":698,"value":"plotData = d3.csvParse(await FileAttachment('plotData@1.csv').text(), d3.autoType).sort((a, b) => a.wn_ratio - b.wn_ratio)","pinned":false,"hidden":false,"mode":"ojs"},{"id":977,"value":"plotDataFull = d3.csvParse(await FileAttachment('plotDataFull.csv').text(), d3.autoType).sort((a, b) => b.wn_ratio - a.wn_ratio).filter(d => typeof d.word == 'string' && Number(d.word[0]) != Number(d.word[0]))","pinned":false,"hidden":false,"mode":"ojs"},{"id":2214,"value":"filteredWords = plotDataFull.filter(d => !isNaN(d.wn_ratio)).map(d => d.word);","pinned":false,"hidden":false,"mode":"ojs"},{"id":2261,"value":"filteredOscarWords = plotDataFull.filter(d => d.wn_ratio > 0).map(d => d.word);","pinned":false,"hidden":false,"mode":"ojs"},{"id":2485,"value":"runtimeData = {\n const data = d3.csvParse(await FileAttachment('run_data_to_save.csv').text(), (d, i, columns) => {\n return {\n type: d.type,\n values: columns.slice(1).map(\n k => +d[k]\n )\n };\n });\n return {\n series: data,\n dates: data.columns.slice(1).map(d => +d)\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":497,"value":"budgetData = {\n const data = d3.csvParse(await FileAttachment('budgetData.csv').text(), (d, i, columns) => {\n if (d.type != 'diff') {\n return {\n type: d.type,\n values: columns.slice(1).map(\n // there was a mistake in the dataset – 1967's Casino Roayle's budget was assigned the value\n // of the 2006's movie of the same title\n k => d[k] === '' ? null : (k == 1967 && d.type == 'not_winner' ? 12000000 : +d[k])\n )\n };\n };\n });\n return {\n series: data,\n dates: data.columns.slice(1).map(d => +d)\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2441,"value":"md`---\n### Styles`","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"w = width","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"h = 400","pinned":false,"hidden":false,"mode":"ojs"},{"id":244,"value":"backgroundColor = '#262626'","pinned":false,"hidden":false,"mode":"ojs"},{"id":249,"value":"highlightColor = '#FFF1A5'","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"md`---\n### Genre chart`","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"x = d3.scaleLinear()\n .domain(d3.extent(genreData.dates))\n .range([w * 0.05, w * 0.95])","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"y = d3.scaleLinear()\n .domain([0, 1])\n .range([h * 0.9, h * 0.075])","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"xAxis = g => g.attr('transform', `translate(0, ${y.range()[0]})`)\n .style('font-family', 'Avenir, Arial')\n .style('color', 'white')\n .call(\n d3.axisBottom(x)\n .tickValues([1940, 1960, 1980, 2000])\n .tickSizeOuter(0)\n .tickFormat(d => d)\n )\n .call(\n g => g.selectAll('line').remove()\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"yAxis = g => g.attr('transform', `translate(${x.range()[0]})`)\n .style('font-family', 'Avenir, Arial')\n .style('color', 'white')\n .call(\n d3.axisLeft(y)\n .ticks(5)\n .tickSizeOuter(0)\n )\n .call(\n g => g.select('.domain').remove()\n )\n .call(\n g => g.selectAll('line').remove()\n )\n .call(\n g => g.select('.tick:last-of-type text').clone()\n .attr('x', -2.5)\n .attr('y', -1)\n .attr('text-anchor', 'start')\n .attr('font-weight', 'bold')\n .text('Oscar-likeliness Index')\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":42,"value":"line = d3.line()\n .x((d, i) => x(genreData.dates[i]))\n .y(d => y(d))\n .curve(d3.curveCardinal)\n .defined(d => d != null)","pinned":false,"hidden":false,"mode":"ojs"},{"id":193,"value":"genreChart.update(favGenre)","pinned":false,"hidden":false,"mode":"ojs"},{"id":703,"value":"md`---\n### Plot charts`","pinned":false,"hidden":false,"mode":"ojs"},{"id":737,"value":"hp = h * 1.5","pinned":false,"hidden":false,"mode":"ojs"},{"id":2181,"value":"hpFull = hp * 0.85","pinned":false,"hidden":false,"mode":"ojs"},{"id":714,"value":"xp = d3.scaleLinear()\n .domain([-3, 3])\n .range([w * 0.05, w * 0.95])","pinned":false,"hidden":false,"mode":"ojs"},{"id":719,"value":"yp = d3.scaleLinear()\n .domain([0, plotData.length - 1])\n .range([0.9 * hp, 0.075 * hp])","pinned":false,"hidden":false,"mode":"ojs"},{"id":723,"value":"xAxisp = g => g.attr('transform', `translate(0, ${yp.range()[0] + 0.02 * hp})`)\n .style('font-family', 'Avenir, Arial')\n .style('color', 'white')\n .call(\n d3.axisBottom(xp)\n .ticks(5)\n .tickSizeOuter(0)\n .tickFormat(d => d > 0 ? 100 * d + '%' : -100 * d + '%')\n )\n .call(\n g => g.selectAll('line').remove()\n )\n .call(\n g => g.select('.domain').remove()\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":2012,"value":"tooltipTextHandler = (text, d) => {\n text.selectAll('tspan')\n .data([d.word, d.wn_ratio])\n .join('tspan')\n .attr('x', 0)\n .attr('y', (d, i) => i * 15)\n .style('font-size', d => +d == +d ? '11px' : '14px')\n .text(d => +d == +d ? Math.abs(Math.round(100 * d)) + '% MORE POPULAR IN THE PLOTS OF' + (d >= 0 ? ' WINNERS 🏆' : ' NOMINEES') : d.toUpperCase())\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2073,"value":"mutable plot = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":2314,"value":"updateForm = word => {\n d3.select('form').node().value = word;\n d3.select('form > div > input').node().value = word;\n d3.select('form').node().dispatchEvent(new CustomEvent('input'));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2211,"value":"randomWord = (plot) => {\n const word = filteredOscarWords[Math.floor(Math.random() * filteredOscarWords.length)];\n updateForm(word);\n plot.push(word);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2402,"value":"mutable randomGeneratorState = 'off'","pinned":false,"hidden":false,"mode":"ojs"},{"id":2221,"value":"{\n randomPlot;\n if (randomGeneratorState == 'on') {\n let i = 0, plot = [];\n while (i < 8) {\n mutable plot = plot;\n if (i > 0) yield Promises.tick(500, randomWord(plot));\n i++;\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1533,"value":"plotChartFull.highlightWord(selectedWord)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2480,"value":"md`---\n### Runtime chart`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2490,"value":"xr = d3.scaleLinear()\n .domain([1917.5, 2012.5])\n .range([w * 0.075, w * 0.95])","pinned":false,"hidden":false,"mode":"ojs"},{"id":2493,"value":"yr = d3.scaleLinear()\n .domain([90, 155])\n .range([h * 0.9, h * 0.025])","pinned":false,"hidden":false,"mode":"ojs"},{"id":2498,"value":"xAxisr = g => g.attr('transform', `translate(0, ${yr.range()[0]})`)\n .style('font-family', 'Avenir, Arial')\n .style('color', 'white')\n .call(\n d3.axisBottom(xr)\n .tickSizeOuter(0)\n .tickFormat(d => d + 's')\n )\n .call(\n g => g.selectAll('line').remove()\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":2501,"value":"yAxisr = g => g.attr('transform', `translate(${xr.range()[0]})`)\n .style('font-family', 'Avenir, Arial')\n .style('color', 'white')\n .call(\n d3.axisLeft(yr)\n .tickValues([90, 105, 120, 135, 150])\n .tickSizeOuter(0)\n .tickFormat(d => d + ' min')\n )\n .call(\n g => g.select('.domain').remove()\n )\n .call(\n g => g.selectAll('line').remove()\n )\n .call(\n g => g.select('.tick:last-of-type text').clone()\n .attr('x', -2.5)\n .attr('y', -1)\n .attr('text-anchor', 'start')\n .attr('font-weight', 'bold')\n .text('Average runtime')\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":2504,"value":"liner = d3.line()\n .x((d, i) => xr(runtimeData.dates[i]))\n .y(d => yr(d))\n .curve(d3.curveBasis)\n .defined(d => d != null)","pinned":false,"hidden":false,"mode":"ojs"},{"id":494,"value":"md`---\n### Budget chart`","pinned":false,"hidden":false,"mode":"ojs"},{"id":503,"value":"xb = d3.scaleLinear()\n .domain(d3.extent(budgetData.dates))\n .range([w * 0.075, w * 0.95])","pinned":false,"hidden":false,"mode":"ojs"},{"id":524,"value":"yb = d3.scaleLinear()\n .domain([0, d3.max(budgetData.series, d => d3.max(d.values))])\n .range([h * 0.9, h * 0.025])","pinned":false,"hidden":false,"mode":"ojs"},{"id":507,"value":"xAxisb = g => g.attr('transform', `translate(0, ${yb.range()[0]})`)\n .style('font-family', 'Avenir, Arial')\n .style('color', 'white')\n .call(\n d3.axisBottom(xb)\n .tickValues([1940, 1960, 1980, 2000])\n .tickSizeOuter(0)\n .tickFormat(d => d)\n )\n .call(\n g => g.selectAll('line').remove()\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":511,"value":"yAxisb = g => g.attr('transform', `translate(${xb.range()[0]})`)\n .style('font-family', 'Avenir, Arial')\n .style('color', 'white')\n .call(\n d3.axisLeft(yb)\n .ticks(5)\n .tickSizeOuter(0)\n .tickFormat(d => `${d / 1000000} mln`)\n )\n .call(\n g => g.select('.domain').remove()\n )\n .call(\n g => g.selectAll('line').remove()\n )\n .call(\n g => g.select('.tick:last-of-type text').clone()\n .attr('x', -2.5)\n .attr('y', -1)\n .attr('text-anchor', 'start')\n .attr('font-weight', 'bold')\n .text('Average movie budget by year ($)')\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":520,"value":"lineb = d3.line()\n .x((d, i) => xb(budgetData.dates[i]))\n .y(d => yb(d))\n .curve(d3.curveBasis)\n .defined(d => d != null)","pinned":false,"hidden":false,"mode":"ojs"},{"id":176,"value":"md`---\n### Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":179,"value":"import {select, button} from '@bartok32/diy-inputs'","pinned":false,"hidden":false,"mode":"ojs"},{"id":969,"value":"import {autoSelect} from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W36","stdlib":"1","titling":"auto"}