-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
167 lines (140 loc) · 28.7 KB
/
Copy pathindex.html
File metadata and controls
167 lines (140 loc) · 28.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!doctype html>
<html lang='en' data-version='1519873595650'>
<head>
<title>The 2018 Oscar Nominees, in Google Search</title>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
<meta name='description' content='How this year’s Best Picture Oscar nominees swept over the globe.' />
<meta name='news_keywords' content='oscars, data, best picture, viz, 2018' />
<meta property='og:title' content='The 2018 Oscar Nominees, in Google Search' />
<meta property='og:site_name' content='Google Trends' />
<meta property='og:url' content='https://googletrends.github.io/oscars_2018' />
<meta property='og:description' content='How this year’s Best Picture Oscar nominees swept over the globe.' />
<meta property='og:type' content='article' />
<meta property='og:locale' content='en_US' />
<meta property='og:image' content='https://googletrends.github.io/oscars_2018/assets/social/og-img.jpg' />
<meta property='og:image:type' content='image/jpeg' />
<meta property='og:image:width' content='1200' />
<meta property='og:image:height' content='600' />
<meta name='twitter:card' content='summary_large_image' />
<meta name='twitter:site' content='https://google.com/trends' />
<meta name='twitter:creator' content='@Googletrends' />
<meta name='twitter:title' content='The 2018 Oscar Nominees, in Google Search' />
<meta name='twitter:description' content='How this year’s Best Picture Oscar nominees swept over the globe.' />
<meta name='twitter:image:src' content='https://googletrends.github.io/oscars_2018/assets/social/og-img.jpg' />
<link rel='canonical' href='https://googletrends.github.io/oscars_2018' />
<style>*{-webkit-box-sizing:border-box;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}a img{border:none}blockquote{quotes:none}blockquote:after,blockquote:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}.hide-accessible{width:1px;height:1px;overflow:hidden;position:absolute}.hide-invisible{visibility:hidden}.hide-display{display:none}.skip-to-main{border:none;width:1px;height:1px;overflow:hidden;position:absolute}.skip-to-main:focus{width:auto;height:auto;background-color:#f4f4f4;padding:.5em;z-index:1}.prose{max-width:40rem;margin:0 auto;padding:0 1rem}.prose__hed{font-weight:700}.graphic__hed{font-weight:500}.graphic__dek{margin:0;margin-bottom:1.5rem}.graphic__chart{width:100%}.graphic__key{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.graphic__key li{padding:0;margin-left:.75em;letter-spacing:.05em;text-transform:uppercase;font-weight:700;line-height:1}.graphic__key li:before{content:'';display:inline-block;width:.8em;height:.8em;background-color:#282828;margin-right:.25em}.xxx-small{font-size:10px;line-height:1.5}.xx-small{font-size:11px;line-height:1.5}.x-small{font-size:12px;line-height:1.5}.small{font-size:14px;line-height:1.5}.root{font-size:16px;line-height:1.7}.medium{font-size:17px;line-height:1.7}.large{font-size:24px;line-height:1.5}.x-large{font-size:32px;line-height:1.5}.xx-large{font-size:40px;line-height:1.2}.xxx-large{font-size:48px;line-height:1.2}.xxxx-large{font-size:64px;line-height:1.2}body{-webkit-font-feature-settings:'kern' 1,'onum' 0,'liga' 0,'tnum' 1;font-feature-settings:'kern' 1,'onum' 0,'liga' 0,'tnum' 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#fff;color:#282828;font-family:Roboto;font-size:16px}h1{font-size:40px;line-height:1.2;margin-top:1.5rem}h2{font-size:32px;line-height:1.5;margin-top:1.5rem}h3{font-size:24px;line-height:1.5;margin-top:1.5rem}h4{font-size:17px;line-height:1.7;margin-top:1.5rem}h5{font-size:16px;line-height:1.7;margin-top:1.5rem}h6{font-size:14px;line-height:1.5;margin-top:1.5rem}p{margin:1.5rem 0;font-size:16px;line-height:1.7}a{text-decoration:none;border-bottom:1px solid #282828;color:#282828}a:hover,a:visited{color:#282828}b,strong{font-weight:700}em,i{font-style:italic}ul{list-style-type:none}li{font-size:16px}img,video{display:block;width:100%}button{cursor:pointer;border:none;outline:0;margin:0;padding:0;font-size:1rem;font-size:16px}sub,sup{font-size:.75rem;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}footer{background-color:#f4f4f4;padding:1rem}footer .footer-social{padding-bottom:.5rem;margin:0 auto;margin-bottom:1rem;max-width:100%;text-align:left;font-size:.8rem;display:block;border-bottom:1px solid #d9d9d9}footer .footer-social__preach{display:block;padding:0;margin-right:.5em;text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:14px}footer .footer-social__icons{display:inline-block;vertical-align:middle;margin-top:1em;overflow:hidden;zoom:1}footer .footer-social__icon{float:left;margin:0;padding:0;line-height:1;margin-right:.5em;display:inline-block}footer .outro{margin-top:2rem;max-width:50rem}footer .outro p{font-size:14px}footer .outro .outro__hed{font-size:.7em;font-weight:600;text-transform:uppercase;margin-top:1rem;margin-bottom:.5rem;letter-spacing:.05em}footer .outro strong{font-weight:600}header{z-index:1000;position:absolute;top:0;left:0;width:100%}header a.logo{display:block;border:none;max-width:9rem;margin:1rem auto}header a.logo svg{fill:#282828;display:block;width:100%}.intro{padding:3rem 1rem;margin:0;background-color:#fff;color:#282828}.intro__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2.5rem}.intro .top__logo{width:8rem;margin-right:1rem}.intro__title{text-align:center}.intro .title__hed{font-weight:300;margin:0}.intro .title__description{font-weight:400;max-width:28rem;margin:1.5rem auto;font-size:15px}.map__intro,.map__outro{max-width:40rem;margin:2rem auto;padding:0 1rem}.map__intro p,.map__outro p{font-size:16px}.map{position:relative;opacity:0}.map.is-visible{opacity:1}.map svg .region{fill:none;stroke:#f4f4f4;stroke-width:.5px;stroke-opacity:.25;cursor:pointer}.map svg .region.is-highlight{stroke:#282828;stroke-opacity:1;stroke-width:2px}.map svg mark{background-color:#d9d9d9;border-bottom:2px solid #5b5b5b;padding:0 .5em}.map .map__ui{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.map .map__ui .ui__control{width:2rem;height:2rem;background-color:#d9d9d9;position:relative;border-radius:1rem;cursor:pointer;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;margin-bottom:.5rem}.map .map__ui .ui__control span{position:absolute;display:block;top:50%;left:50%;width:67%;height:67%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none}.map .map__ui .ui__control span.is-selected{display:block}.map .map__ui .ui__control svg{width:100%;height:100%;stroke:#5b5b5b;fill:#5b5b5b}.map .map__ui .ui__control .feather-play{-webkit-transform:translateX(12.5%);-ms-transform:translateX(12.5%);transform:translateX(12.5%)}.map .map__ui ul.past{display:-webkit-box;display:-ms-flexbox;display:flex;width:5rem;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-top:.5rem}.map .map__ui ul.timeline{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.map .map__ui li{width:auto;text-align:center;margin:0 .125em;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.map .map__ui .rect{display:inline-block;width:1.5rem;margin:0 auto;height:.5rem;background-color:#d9d9d9;line-height:1}.map .map__ui .label{margin:0;padding:0;line-height:1.2;font-size:11px;font-weight:500;color:#d9d9d9;text-transform:uppercase}.map .map__ui .is-selected .label{color:#5b5b5b}.map .map__ui .is-selected .rect{background-color:#5b5b5b}.map .map__key{max-width:69rem;margin:1rem auto;padding:0 1rem}.map .map__key ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.map .map__key li{position:relative;margin-right:1rem;margin-bottom:.5rem;font-size:12px;line-height:1.5;cursor:pointer;font-weight:500}.map .map__key li.is-selected .bg{height:100%}.map .map__key .bg{display:block;position:absolute;bottom:0;left:0;height:0;width:100%;-webkit-transition:250ms ease-in-out;-o-transition:250ms ease-in-out;transition:250ms ease-in-out;z-index:0}.map .map__key .fg{padding:0 .5rem;display:inline-block;position:relative;z-index:1;border-bottom:3px solid currentColor}.map .map__graphic{position:relative;min-height:400px}.map .graphic__chart{width:100%;position:relative}.map .watermark-lab{position:absolute;display:block;bottom:0;right:1rem;border:none;width:10rem}.map .watermark-lab img{width:100%}.map .graphic__info{display:none;width:10rem;position:absolute;top:50%;left:0;padding:1rem .5rem .25rem .5rem;background-color:rgba(255,255,255,.8);-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-shadow:0 0 3px 3px rgba(150,150,150,.25);box-shadow:0 0 3px 3px rgba(150,150,150,.25)}.map .graphic__info.is-visible{display:block}.map .graphic__info.is-hidden{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.map .info__trailer{background-color:#282828}.map .info__trailer iframe{display:block}.map .info__toggle{position:absolute;bottom:0;right:0;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);background-color:#fff;-webkit-box-shadow:3px 0 1.5px 1.5px rgba(150,150,150,.125),3px 3px 0 0 rgba(150,150,150,.125);box-shadow:3px 0 1.5px 1.5px rgba(150,150,150,.125),3px 3px 0 0 rgba(150,150,150,.125);cursor:pointer}.map .info__toggle p{margin:0;text-transform:uppercase;padding:0 .5em;font-weight:500;color:#5b5b5b;text-shadow:0 0 3px #fff}.map .info__words{margin-top:.5rem}.map .info__words .watermark{display:block;text-align:center;border:none;width:6rem;margin:0 auto;margin-top:1.5rem}.map .info__words .watermark img{width:100%}.map .info__words p{margin:0;text-align:center;color:#5b5b5b;font-weight:500;text-shadow:0 0 3px #fff;line-height:1.25}.map .info__words p span{display:block;font-weight:600;font-size:14px}.map .info__words li{text-align:center;margin:.75rem 0;line-height:1}.map .info__words li span{font-weight:500;-webkit-box-shadow:0 0 1px 0 rgba(150,150,150,.33),0 3px 3px 1px rgba(150,150,150,.33);box-shadow:0 0 1px 0 rgba(150,150,150,.33),0 3px 3px 1px rgba(150,150,150,.33);display:inline-block;line-height:1;padding:.25em .5em}.map .tooltip{position:absolute;top:0;left:0;display:none;pointer-events:none;background-color:rgba(255,255,255,.9);border-radius:3px;-webkit-box-shadow:0 0 3px 3px rgba(150,150,150,.33);box-shadow:0 0 3px 3px rgba(150,150,150,.33);padding:.5rem}.map .tooltip p{margin:0;font-size:14px;line-height:1.25;color:#5b5b5b}.map .tooltip p:last-child{font-weight:600}.map .key{opacity:0}.map .key.is-visible{opacity:0}.map .key text{color:#5b5b5b;font-size:12px;font-family:Roboto,sans-serif;font-weight:500}.map .key .less,.map .key .more{font-weight:400}main{min-height:101vh}svg{display:block}button,input,text{font-family:Roboto}.section__hed{text-align:center;font-weight:600}.embed{margin-top:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:1rem}.embed p{display:inline-block;margin:0;font-size:12px;text-transform:uppercase;color:#969696;margin-right:.5rem;cursor:pointer}@media only screen and (min-width:40em){body{font-size:17px}p{font-size:17px;line-height:1.7}li{font-size:17px}button{font-size:17px}footer{padding:2rem}footer .footer-social__preach{display:inline-block}footer .footer-social__icons{margin-top:0}.map .map__ui{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.map .map__ui .ui__control{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-left:1.5rem;margin-bottom:0}}@media only screen and (min-width:50em){.map .map__ui ul.past{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;margin-top:0}.map .map__ui li{margin:0 .25em}.map .tooltip.is-visible{display:block}.map .key.is-visible{opacity:1}}@media only screen and (min-width:60em){.map .map__key ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.map .graphic__chart{min-height:480px}}</style>
<script>!function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=1)}([function(t,e){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e,n){"use strict";var r=n(2),o=function(t){return t&&t.__esModule?t:{default:t}}(r);n(6),n(7),n(8),n(9),n(10),window.Promise||(window.Promise=o.default)},function(t,e,n){"use strict";(function(e){function n(){}function r(t,e){return function(){t.apply(e,arguments)}}function o(t){if(!(this instanceof o))throw new TypeError("Promises must be constructed via new");if("function"!=typeof t)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=void 0,this._deferreds=[],s(t,this)}function i(t,e){for(;3===t._state;)t=t._value;if(0===t._state)return void t._deferreds.push(e);t._handled=!0,o._immediateFn(function(){var n=1===t._state?e.onFulfilled:e.onRejected;if(null===n)return void(1===t._state?u:c)(e.promise,t._value);var r;try{r=n(t._value)}catch(t){return void c(e.promise,t)}u(e.promise,r)})}function u(t,e){try{if(e===t)throw new TypeError("A promise cannot be resolved with itself.");if(e&&("object"==typeof e||"function"==typeof e)){var n=e.then;if(e instanceof o)return t._state=3,t._value=e,void a(t);if("function"==typeof n)return void s(r(n,e),t)}t._state=1,t._value=e,a(t)}catch(e){c(t,e)}}function c(t,e){t._state=2,t._value=e,a(t)}function a(t){2===t._state&&0===t._deferreds.length&&o._immediateFn(function(){t._handled||o._unhandledRejectionFn(t._value)});for(var e=0,n=t._deferreds.length;e<n;e++)i(t,t._deferreds[e]);t._deferreds=null}function f(t,e,n){this.onFulfilled="function"==typeof t?t:null,this.onRejected="function"==typeof e?e:null,this.promise=n}function s(t,e){var n=!1;try{t(function(t){n||(n=!0,u(e,t))},function(t){n||(n=!0,c(e,t))})}catch(t){if(n)return;n=!0,c(e,t)}}var l=setTimeout;o.prototype.catch=function(t){return this.then(null,t)},o.prototype.then=function(t,e){var r=new this.constructor(n);return i(this,new f(t,e,r)),r},o.prototype.finally=function(t){var e=this.constructor;return this.then(function(n){return e.resolve(t()).then(function(){return n})},function(n){return e.resolve(t()).then(function(){return e.reject(n)})})},o.all=function(t){return new o(function(e,n){function r(t,u){try{if(u&&("object"==typeof u||"function"==typeof u)){var c=u.then;if("function"==typeof c)return void c.call(u,function(e){r(t,e)},n)}o[t]=u,0==--i&&e(o)}catch(t){n(t)}}if(!t||void 0===t.length)throw new TypeError("Promise.all accepts an array");var o=Array.prototype.slice.call(t);if(0===o.length)return e([]);for(var i=o.length,u=0;u<o.length;u++)r(u,o[u])})},o.resolve=function(t){return t&&"object"==typeof t&&t.constructor===o?t:new o(function(e){e(t)})},o.reject=function(t){return new o(function(e,n){n(t)})},o.race=function(t){return new o(function(e,n){for(var r=0,o=t.length;r<o;r++)t[r].then(e,n)})},o._immediateFn="function"==typeof e&&function(t){e(t)}||function(t){l(t,0)},o._unhandledRejectionFn=function(t){"undefined"!=typeof console&&console&&console.warn("Possible Unhandled Promise Rejection:",t)},t.exports=o}).call(e,n(3).setImmediate)},function(t,e,n){(function(t){function r(t,e){this._id=t,this._clearFn=e}var o=Function.prototype.apply;e.setTimeout=function(){return new r(o.call(setTimeout,window,arguments),clearTimeout)},e.setInterval=function(){return new r(o.call(setInterval,window,arguments),clearInterval)},e.clearTimeout=e.clearInterval=function(t){t&&t.close()},r.prototype.unref=r.prototype.ref=function(){},r.prototype.close=function(){this._clearFn.call(window,this._id)},e.enroll=function(t,e){clearTimeout(t._idleTimeoutId),t._idleTimeout=e},e.unenroll=function(t){clearTimeout(t._idleTimeoutId),t._idleTimeout=-1},e._unrefActive=e.active=function(t){clearTimeout(t._idleTimeoutId);var e=t._idleTimeout;e>=0&&(t._idleTimeoutId=setTimeout(function(){t._onTimeout&&t._onTimeout()},e))},n(4),e.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==t&&t.setImmediate||this&&this.setImmediate,e.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==t&&t.clearImmediate||this&&this.clearImmediate}).call(e,n(0))},function(t,e,n){(function(t,e){!function(t,n){"use strict";function r(t){"function"!=typeof t&&(t=new Function(""+t));for(var e=new Array(arguments.length-1),n=0;n<e.length;n++)e[n]=arguments[n+1];var r={callback:t,args:e};return f[a]=r,c(a),a++}function o(t){delete f[t]}function i(t){var e=t.callback,r=t.args;switch(r.length){case 0:e();break;case 1:e(r[0]);break;case 2:e(r[0],r[1]);break;case 3:e(r[0],r[1],r[2]);break;default:e.apply(n,r)}}function u(t){if(s)setTimeout(u,0,t);else{var e=f[t];if(e){s=!0;try{i(e)}finally{o(t),s=!1}}}}if(!t.setImmediate){var c,a=1,f={},s=!1,l=t.document,d=Object.getPrototypeOf&&Object.getPrototypeOf(t);d=d&&d.setTimeout?d:t,"[object process]"==={}.toString.call(t.process)?function(){c=function(t){e.nextTick(function(){u(t)})}}():function(){if(t.postMessage&&!t.importScripts){var e=!0,n=t.onmessage;return t.onmessage=function(){e=!1},t.postMessage("","*"),t.onmessage=n,e}}()?function(){var e="setImmediate$"+Math.random()+"$",n=function(n){n.source===t&&"string"==typeof n.data&&0===n.data.indexOf(e)&&u(+n.data.slice(e.length))};t.addEventListener?t.addEventListener("message",n,!1):t.attachEvent("onmessage",n),c=function(n){t.postMessage(e+n,"*")}}():t.MessageChannel?function(){var t=new MessageChannel;t.port1.onmessage=function(t){u(t.data)},c=function(e){t.port2.postMessage(e)}}():l&&"onreadystatechange"in l.createElement("script")?function(){var t=l.documentElement;c=function(e){var n=l.createElement("script");n.onreadystatechange=function(){u(e),n.onreadystatechange=null,t.removeChild(n),n=null},t.appendChild(n)}}():function(){c=function(t){setTimeout(u,0,t)}}(),d.setImmediate=r,d.clearImmediate=o}}("undefined"==typeof self?void 0===t?this:t:self)}).call(e,n(0),n(5))},function(t,e){function n(){throw new Error("setTimeout has not been defined")}function r(){throw new Error("clearTimeout has not been defined")}function o(t){if(s===setTimeout)return setTimeout(t,0);if((s===n||!s)&&setTimeout)return s=setTimeout,setTimeout(t,0);try{return s(t,0)}catch(e){try{return s.call(null,t,0)}catch(e){return s.call(this,t,0)}}}function i(t){if(l===clearTimeout)return clearTimeout(t);if((l===r||!l)&&clearTimeout)return l=clearTimeout,clearTimeout(t);try{return l(t)}catch(e){try{return l.call(null,t)}catch(e){return l.call(this,t)}}}function u(){m&&p&&(m=!1,p.length?h=p.concat(h):y=-1,h.length&&c())}function c(){if(!m){var t=o(u);m=!0;for(var e=h.length;e;){for(p=h,h=[];++y<e;)p&&p[y].run();y=-1,e=h.length}p=null,m=!1,i(t)}}function a(t,e){this.fun=t,this.array=e}function f(){}var s,l,d=t.exports={};!function(){try{s="function"==typeof setTimeout?setTimeout:n}catch(t){s=n}try{l="function"==typeof clearTimeout?clearTimeout:r}catch(t){l=r}}();var p,h=[],m=!1,y=-1;d.nextTick=function(t){var e=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)e[n-1]=arguments[n];h.push(new a(t,e)),1!==h.length||m||o(c)},a.prototype.run=function(){this.fun.apply(null,this.array)},d.title="browser",d.browser=!0,d.env={},d.argv=[],d.version="",d.versions={},d.on=f,d.addListener=f,d.once=f,d.off=f,d.removeListener=f,d.removeAllListeners=f,d.emit=f,d.prependListener=f,d.prependOnceListener=f,d.listeners=function(t){return[]},d.binding=function(t){throw new Error("process.binding is not supported")},d.cwd=function(){return"/"},d.chdir=function(t){throw new Error("process.chdir is not supported")},d.umask=function(){return 0}},function(t,e,n){"use strict";String.prototype.startsWith||(String.prototype.startsWith=function(t,e){return this.substr(e||0,t.length)===t})},function(t,e,n){"use strict";String.prototype.endsWith||(String.prototype.endsWith=function(t,e){var n=this.toString();("number"!=typeof e||!isFinite(e)||Math.floor(e)!==e||e>n.length)&&(e=n.length),e-=t.length;var r=n.lastIndexOf(t,e);return-1!==r&&r===e})},function(t,e,n){"use strict";Array.prototype.findIndex||Object.defineProperty(Array.prototype,"findIndex",{value:function(t){if(null==this)throw new TypeError("Array.prototype.findIndex called on null or undefined");if("function"!=typeof t)throw new TypeError("predicate must be a function");for(var e,n=Object(this),r=n.length>>>0,o=arguments[1],i=0;i<r;i++)if(e=n[i],t.call(o,e,i,n))return i;return-1},enumerable:!1,configurable:!1,writable:!1})},function(t,e,n){"use strict";Array.prototype.find||Object.defineProperty(Array.prototype,"find",{value:function(t){if(null==this)throw new TypeError("Array.prototype.find called on null or undefined");if("function"!=typeof t)throw new TypeError("predicate must be a function");for(var e,n=Object(this),r=n.length>>>0,o=arguments[1],i=0;i<r;i++)if(e=n[i],t.call(o,e,i,n))return e}})},function(t,e,n){"use strict";Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(t,e){if(null==this)throw new TypeError('"this" is null or not defined');var n=Object(this),r=n.length>>>0;if(0===r)return!1;for(var o=0|e,i=Math.max(o>=0?o:r-Math.abs(o),0);i<r;){if(n[i]===t)return!0;i++}return!1}})}]);</script>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet"> <script>
</script>
</head>
<body>
<a href='#content' class='skip-to-main'>Skip to main content</a>
<main id='content'>
<div class='intro'>
<div class='intro__top'>
<div class='top__logo'>
<a href='https://trends.google.com' target='_blank'>
<img src='assets/img/logo.png' alt='Google Trends'>
</a>
</div>
</div>
<div class='intro__title'>
<h1 class='title__hed'>The 2018 Oscar Nominees, in Google Search</h1>
<p class='title__description small'>How this year’s Best Picture Oscar nominees swept over the globe.</p>
</div>
</div> <div class='map__intro'>
<p>Each year, films nominated for the Academy Award for Best Picture reach hundreds of millions of viewers around the world. And yet, each resonates with its global audiences in markedly different ways. Were this year’s blockbusters, like Get Out, as beloved in Asia as they were in America? Were historical films, such as Dunkirk, more popular in the United Kingdom than the other Best Picture contenders?</p>
<p>The map below shows the most popular Oscar-nominated films in each country, according to Google Search data. Clicking on a movie title will show a heat map of each film’s popularity around the world. To view how the Oscar nominees varied in popularity over time, click the play button. Additionally, the sidebar displays the adjectives most disproportionately used in YouTube video reviews of each of the nominated films.</p>
</div>
<section id='map' class='map'>
<div class='map__key'>
<ul></ul>
</div>
<div class='map__ui'>
<ul class='past'>
<li class='is-selected'>
<p class='label'>Past 12 months</p>
<span class='rect'></span>
</li>
</ul>
<ul class='timeline'>
</ul>
<div class='ui__control'>
<span class='play is-selected'><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></span>
<span class='pause'><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pause"><rect x="6" y="4" width="4" height="16"></rect><rect x="14" y="4" width="4" height="16"></rect></svg></span>
</div>
</div>
<div class='map__graphic'>
<div class='graphic__chart'>
<svg>
<g></g>
</svg>
<div class='tooltip'>
<p class='name'>
</p>
<p class='movie'>
</p>
</div>
</div>
<div class='graphic__info'>
<div class='info__toggle'>
<p class='x-small'>Hide</p>
</div>
<div class='info__trailer'>
<a target='_blank'>
<img alt='trailer'>
</a>
</div>
<div class='info__words'>
<p class='x-small'>Words unique to
<span></span> in YouTube video reviews</p>
<ul></ul>
<a class='watermark' href='https://youtube.com' target='_blank'>
<img src='assets/img/logo_yt.png' alt='youtube'>
</a>
</div>
</div>
<a class='watermark-lab' href='https://newslab.withgoogle.com/' target='_blank'>
<img src='assets/img/logo_newslab.png' alt='news lab'>
</a>
</div>
<div class='embed'>
<p>Embed this chart:</p>
<input readonly="true" value="<iframe src='https://googletrends.github.io/oscars_2018/index.html' width='100%' frameborder='0'></iframe>">
</div>
<div class='map__outro'>
<p>The most popular among all Best Picture Oscar nominees in the U.S. this year was, without a doubt, Get Out. In much of the world, however, Christopher Nolan’s Dunkirk proved to be the most searched-for film.</p>
<p>More niche films, like Lady Bird’s coming-of-age story, or Churchill struggles during World War II, depicted in Darkest Hour, found popularity in countries as diverse as Libya, Gabon, and Venezuela. The Shape of Water and Call Me By Your Name — both recent releases — also received significant attention, both in Latin America and China.</p>
</div>
</section> <footer>
<div class='footer-social'>
<p class='footer-social__preach'>Share this study</p>
<div class='footer-social__icons'>
<div class="footer-social__icon fb-share-button" data-size='large' data-href='' data-layout="button_count"></div>
<div class='footer-social__icon'>
<a href='https://twitter.com/share' data-size='large' class='twitter-share-button'>Tweet</a>
</div>
</div>
</div>
<div class='outro'>
<p class='outro__hed'>Methodology</p>
<p>The above map depicts the most popular movie in each geographical region, as indicated by the volume of Google searches in the past 12 months. For each film, a global heat map is generated by ranking countries based on how popular that particular film was in the designated time frame. The most words most disproportionately-used to describe movies emerged after analyzing YouTube video caption data.</p>
</div>
</footer>
<div id="fb-root"></div>
<script>(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.12';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');</script>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</main>
<script src='https://pudding.cool/assets/scripts/d3.v4.10.2+jetpack.min.js'></script>
<script src='bundle.js?version=1519873595650' async></script>
</body>
</html>