31:Taba,oscar_chart = ele => { const svg = ele .append("svg") .style("height", height + "px") .style("width", chart_width + "px"); svg.append("g").call(oscar_xAxis); svg .selectAll("text") .style("text-anchor", "end") .attr("dx", "1em") .attr("dy", "1.3em") .attr("transform", function(d) { return "rotate(-40)"; }); svg.append("g").call(oscar_yAxis); // lines svg.append("g") .attr("stroke", "#ccc") .attr("stroke-width", 2) .selectAll("line") .data(oscar_winners) .join("line") .attr("x1", d => oscar_xScale(d.title)) .attr("x2", d => oscar_xScale(d.title)) .attr("y1", d => oscar_yScale(0)) .attr("y2", d => oscar_yScale(+d.oscar_wins)) // oscar trophy const imgGroup = svg.append("g") .attr("stroke-width", 1.5) .selectAll(".img") .data(oscar_winners) .enter() .append('g') .attr("class", "img"); imgGroup .append("image") .attr('xlink:href', oscar_img) .attr('width', 35) .attr('height', 35) .attr("x", d => oscar_xScale(d.title) - 18) .attr("y", d => oscar_yScale(d.oscar_wins) - 15); const tooltip = d3 .select("body") .append("div") .attr("class", "svg-tooltip") .style("position", "absolute") .style("visibility", "hidden"); svg .selectAll(".img, line") .on("mouseover", function(d) { tooltip.html( "" + d.title + "" + "
" + "Type: " + d.type + "
" + "Genre: " + d.genre + "
" + "Released at: " + d.release_date + "
" + "Oscar wins: " + d.oscar_wins ); tooltip.style("visibility", "visible"); }) .on("mousemove", function() { tooltip .style("top", d3.event.pageY - 10 + "px") .style("left", d3.event.pageX + 10 + "px"); }) .on("mouseout", function() { tooltip.style("visibility", "hidden"); }); // title svg .append("text") .attr("transform", "translate(260, 20)") .style("text-anchor", "middle") .style("font-weight", "bold") .text("Top 10 Disney+ Movies with Most Oscar Wins"); // y-axis title svg .append("text") .attr("transform", "translate(55, 190)") .style("text-anchor", "middle") .style("font-weight", "bold") .text("# of wins") .style("font-size", "14px"); // x-axis title svg .append("text") .attr("transform", `translate(265, 470)`) .style("text-anchor", "middle") .style("font-weight", "bold") .text("Movie title") .style("font-size", "14px"); return svg.node(); }32:Taac,emmy_chart = ele => { const svg = ele .append("svg") .style("height", height + "px") .style("width", chart_width + "px"); svg.append("g").call(emmy_xAxis); svg .selectAll("text") .style("text-anchor", "end") .attr("dx", "1em") .attr("dy", "1.3em") .attr("transform", function(d) { return "rotate(-40)"; }); svg.append("g").call(emmy_yAxis); // lines svg.append("g") .attr("stroke", "#ccc") .attr("stroke-width", 2) .selectAll("line") .data(emmy_winners) .join("line") .attr("x1", d => emmy_xScale(d.title)) .attr("x2", d => emmy_xScale(d.title)) .attr("y1", d => emmy_yScale(0)) .attr("y2", d => emmy_yScale(+d.emmy_wins)) // emmy trophy const imgGroup = svg.append("g") .attr("stroke-width", 1.5) .selectAll(".img") .data(emmy_winners) .enter() .append('g') .attr("class", "img"); imgGroup .append("image") .attr('xlink:href', emmy_img) .attr('width', 33) .attr('height', 33) .attr("x", d => emmy_xScale(d.title) - 18) .attr("y", d => emmy_yScale(d.emmy_wins) - 15); const tooltip = d3 .select("body") .append("div") .attr("class", "svg-tooltip") .style("position", "absolute") .style("visibility", "hidden"); svg .selectAll(".img, line") .on("mouseover", function(d) { tooltip.html( "" + d.title + "" + "
" + "Type: " + d.type + "
" + "Genre: " + d.genre + "
" + "Released at: " + d.release_date + "
" + "Emmy wins: " + d.emmy_wins ); tooltip.style("visibility", "visible"); }) .on("mousemove", function() { tooltip .style("top", d3.event.pageY - 10 + "px") .style("left", d3.event.pageX + 10 + "px"); }) .on("mouseout", function() { tooltip.style("visibility", "hidden"); }); // title svg .append("text") .attr("transform", "translate(250, 20)") .style("text-anchor", "middle") .style("font-weight", "bold") .text("Top 10 Disney+ Shows with Most Emmy Wins"); // y-axis title svg .append("text") .attr("transform", "translate(55, 190)") .style("text-anchor", "middle") .style("font-weight", "bold") .text("# of wins") .style("font-size", "14px"); // x-axis title svg .append("text") .attr("transform", `translate(265, 470)`) .style("text-anchor", "middle") .style("font-weight", "bold") .text("Movie/Series title") .style("font-size", "14px"); return svg.node(); }33:T25e8,emmy_img = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxISEhIREhMWFhMVFR0VFhgWFxUVGBkYFxgXFhgYFxgYHCggGhslHhgWIjEhJSkrLi4uFyEzODMuNygtLisBCgoKDg0OGhAQGzAmICYtLS8vMi0tKy8tLTItLS0vLTUwLS0tLS0tLS0tKys1LS0tLS0tLS0tLS0tLS0tLS0rLf/AABEIATMApAMBIgACEQEDEQH/xAAcAAEAAgMBAQEAAAAAAAAAAAAABQYDBAcCAQj/xABHEAACAQIEAggCBgcFBgcAAAABAgADEQQSITEFQQYTIlFhcYGRMqEHFEJSscEjYnKCktHwM0NTsuEVJDRzg6IWRGOTwtLx/8QAGQEBAAMBAQAAAAAAAAAAAAAAAAIDBAEF/8QAKREAAgIBAwIGAQUAAAAAAAAAAAECEQMSITFBUQQiMmFx8IETFJGhwf/aAAwDAQACEQMRAD8A7jETFXrZbAC7HYd/+k43QPVSoFBLEADcnSQ+J4u9RKhwqFgFP6VuylwD8GhLn0t4zSVfrtZ0Jvh6LZahG1SqN6a/qJpmO5a40AsbMqADKAAALWG1pDzS9kT2iU/ojxDEY+gXOJKPTqGlUColwV8T3gg3tLCtCvTU2qdae5wq+xUfjKN0SqHB8VxOGfSliFZ1J0GegQD5XR7/ALstuM6ZcPpGz4qlfuVs59kuZDHTjbf9kp3qpGzgeMBwcyMjKbOp1KH9YDUDuOoPfJJHBAIIIOxGolH4p0vwZZa9BqhqpoQKFe1ROaE5LeIPIianR3pF9ZxlRwwohR2KTnqzVvyAa2Y8723t3ziy09L3H6dq+DosTxRqBgCP9R4HxnuaCoREQBERAEREAREQBERAEREA81HCgk7AXMqPEOk6mnVWjmGKcrSpB0ZdanwlMwAYKt3Nt7SzY9QwWmdQ7WI71ALEHzAt6yoYrBUKWKpVKRatUQlQtw+U5Ta9tSVC2/e5byjLKSe3BbjinyWnhOBp4WhTor8KLa51LHdmPeSSST4zDjqmIqi2GZaYO9Rlz2HegvYnx1E0fq2NrNmPV0k5Zv0j+eUdm/ntNv8A2GzD9LiazH9VjTHsNJxSlLhNIUlyyi9Kui5WrTaqzYo56dVhUGtQK2SqoVbKBkINlA2E6Lg+F4aiv6KjSRQL9lFXTztIHjXBaeHWnXTMWSoLl2LEBuzcE7a5dpWuOcZprS6ylTC5VL1MxYZmz5epp2Bu5P4iVa3jk019/gs060qZbMXQ+uNlJK0VBygaFibjPt529Zq4fAotPF4Z6a1mo9tM6qWZXW63sASQQdp46E8OrPhKdZq7q9RmqZbXCgmwQ31awA1v5aTJWfE0MaGyitnoEEL2CVRr3tsWGYC3jO1Xmkuepz2TNPo1j6tFqlyXw6vZmOmUE2QgEk3H2hfYCXqQT8TpYuhXpqStQI2am4KOptzB5X5zf4HULYagx3NJCfVRLcPl8t2iGTfeqN6IiXlQiIgHirUCqWOwBJ8hqZjwWJWrTSqt8rqGF97EX18ZEdPMd1HD8ZV5iiwHmwyj5mRPDcc60OG01a2eqc2p1RGcZffL6KZXKdSomo2rLpERLCAiIgCIiAVbpRxBT1qZnUUFD1MmhfOCFpIeTMSg/fE1Og3CmoV64c/pDTRmHJS9yVXwAyj0nvFpfiK0HFlZ/rCH79kVSp/ZdEPqJLYbs4+uPv0Ecfusyn8pmSudvv8A4XvaNLsTcRIbpFxpsMFyUw7EFu0xQBVKqbEKczdodnuB7polJRVspSbdIw9Ksd2fqqANVqqTZjZURdWqOeQFtPGU/oZgqOLrAVjnSkvXJT3ps72Rqg0F7ZdD+teS/CcD9bz5zmFSzYp7EZvu0EB2Qc//AMnvD4VcLxAkWCtewGmWm1tPBQ8xuVyU3xdGhKk4rkuaIFAAAAGgA0AEiMX/AMfh/CjV+bUrfnJhGBAINwdiJWOJYxxjSKSdZUFAIgOiqWbMzOeQAy+J+c05Gkl8opgm2ZOlGFSq9NEA+s6sHBIyU7EMXI1Kna3nJHozXD4TDsP8JRr3qMp+YMi6pXCo6Zutxlfcnmzdlb/cpjQASZ4JgPq9ClRvfItie87k+5MhBedv77fklL00b0REvKhERAOefTbiT9Sp4dTZsRXRf3VOY/PL7zDhjfEcLpgm4YtbllWmzsffEKPSaP0qVkq47CUjr1ANXfY2LnT92n/FJvgWE/33Cqw7VHBmo3g1dibemRR6CZJy1ZK+/djRFVCy+RETWZxERAEREAgOmPCPrFJGUstSjUFRHT41toxXvOUk252mjTr1aVWjWrkVOyaIqUx8YbtAMnJrgHu3ltkBx3g2cl0ZkOhOX4cy/CzD8xtM+WD9US2ElwyQTjFAgnPa24IN9PDmZW8z4x87WXMOwraGlTP2mH32t6Xt5Rz4/E4urTo3W6kMxRcr3G4Y30A18POSy8JxxBXLhQL6MzV3bfmBYShzll2S2+/JYoqHyWXB0KdFAiWCjxGp5knvkD0nxYR6dSkEd7FSQQSFXtW05XMx0eh7M2atXv3pTpoq+7Bm+c2uJ8HpUaXWU1AKakk3JXnqfQ+ksya3ja01+SMdKlzZXOHdJaqWoEk6uzZVLPlYNUuAdrHQa7HwkrwbD4mouejlp06vbNR+1VynQKoGmu+Y235yJ4XQOIr1KSiwKZXYHUI189vEiyj9qXitXy2o0QM9gAPsouwLeHcOfuRXgi5LVJ/BPI0tkiPwfDaYrBVu3VnPVdjmZqhHYUnwBzEeKGTsw4XDimuUeZJ3JOpJ8SZmm2EdKM8nbEREkRE+Ez7InpTjOqwtVgbMVyr5tp+d/Sck6TZ1K3RynAFsfxfENbsAimD4MQ7/APZTUevjOhdFn63GcRrclqrQU+FOmmYejZpV/o2wa0KWKxj6KGqNfy+I/wAKJ7mWz6OcKUwFJ3BD1y2Je++asxqW9iJkwq5X9+3ZfkdKizRETYZxERAEREAT4RPsQCvLwVsK7V8Ndy3x03Iuw37L20Ya773m9guOUamlyrDdXBBB8e6Sc18TgqdT40ViNiQLjyO4lag4+knqv1Hv6wn3l9xKZTxOKaq6FmcVEKurdtFPaDFAqg22sLnY98sv+wMLmzGipP612+TEyRRABYAAdw0kZQnOrdfB2Mox9zjXQ3HvQ4icOzlc4NK+hYZSLb6X1Bvyv4TsWGw6oLKNzcnck95J1JnEPpOwLYTHri10UuHNvLtgeaF//bnY+j/ERiKCVL3NrN5jn66H1kcNJ199yWXfckYiJoKRERAEof0l4wsaOGW5LG5A3u3ZHsM5l7ZgASdhqZQeEUfreNfEtqiHMt+/ZB7An0HfM/iJbKK6luJb6ux96Q4LqsFQ4enx4motA+Tdusf4Qw9RL3RpBFVF0CgKPICwlS4ePrPFKlTengqfVL3ddVs1Q+iBB6mXCSwxpWcyMRES4rEREAREQBERAEREAREQCt9NODrXpgsLgEA+Gt1b0b5MZXOjnEhga5ovcUX08EI0Hpaw8h5X6K6BgQRcEWI7wZQ+knCcpIIvbnzK8j58j/rMXiE4SWSJoxNSWll04lxCnQpNWqHsKASQL7kAWt5iVTF8W4i5arSpBKSA3RjTDm4BzHORlIGtjbfYzV4Xx5aeGrUMVrTFN8rHbLlJyN87H0kHWr4lkpUK5YI9BKlZNLvcBcrHQm4Aut4yZ7Saex2GOm0yOxfSbidOrTb6yGpVbMOrNOqFBsSGyggEa6c7G06zwvigekz1Oy1Mlal9NRrmA7iLEedpQDTAw64WjdKSXI79bEW10N7k6/aImLhi4irUqUgx6t2F+8hQctu5Rcn0Erj4insSlitElxTpZiKvWYZaYHXD9E2oJUuVIA1zG2nLnJjEVV4bgXqNqyLc/r1WsFA9bDyEl6XD6YNNsozU1yobbA2vb2ErvEU+vcQpYUa4fBkV655NVP8AZU/TVjLFGT3lyQclwuCb6FcLbD4RFqa1qhNase+pUOZvbQeknYibEqVFDduxEROnBERAEREAREQBERAEREATU4lgxVS32hqp/I+Bm0TbWU7jPHa2IPU4RKgpkgPWCsBYmxKt3a37JueREryyio1InBNvYh+IYMg3ABFyrIw0PJl8CLeR+ch+KcRqVqjvmCsAKZGXcm1mJ+z2bexk/gOGvhuuoVnzqHzU2tYlXAI7I27WYfuysccwmSorKzZ6gKqio1QVWALCnZdQxsbNaw5zzNLTcTYmuTYZVpFKSVHYkXck3tfW38/SX3otw/q6Qdh2nF9eSnYfh8pXui/Rl2qdbWRlp6HLU0d27iL6KPHfu3lg4m5xGITCISEX9JWI5WsVW/fsfMj7pluLHXma+CvJK/KvyZ+knFxhaDVQuZyQlJBu9RtEX31PgDMnRHgpwtAK5zV6jGrXfm1R9W9BsPKfKHR4dbSqVKjVFoXNFX1ys1+0x+0wGgPIScm2EXdszyaqkIiJaQEREAREQBERAEREAREQBERAMOMp5qbqdmUj3BE5viuPY2lh6NWkyPSsFdag7SjRbqy2Oh750TitQrQrMN1psR6KTOQ4fD4hqKUKl+rdVUHT9pmBHLTS+t5l8Q6aL8StMzVeK4zFV6VQgCnSp5Tl/vHudfw0lw6H4DMzYqstqwJpopH9mul7eLaG/daQHEMeMN1VGkmaqxsFHIbe575acNQr4d0q1bFKihagW5FNuXmOV9Nz4SjG3q1NFk1tSJLjPEBQpF92PZQd7HYeW5PgDHRzhvU0yzXNWqc7k73OoHpcnzYzWwuEOIriu4PVU9KSnS55uR6D2HjefmuC1PV/BRJ0qEREuKxERAEREAREQBERAEREAREQBERAPFenmVlP2gR7i059g79TYU3c0SVfLlJXKCPhvmINjsDOiSjcNT6vxXEqxOXEAMt9r76eze475nzwTqy3E6sj+iHEaFXE065C5aquaTE9rMhVWzL9m1xa/f4TpM4Hxzh4wnFGwzOaVGrVFehVAv1TVLi4HNc11YdwE63wDidVSMNi1C1gNCDdXA0zId7eB1F7HkSxeTyncnm3LDERNBSIiIAiIgCIiAIiIAiIgCIiAIiIAiIgCVTp5gexTxK6NSYAkb5WIF/Rsrektc1+I4UVaVSk2zqV9xaQnHVFolF07ONfS9VGIw+GxIFnpO1GqvNCwDC/gctwe5hNjDdJnr4OhXNjUo21IGbNSFms29nXN5Z/CeOmPR84imji4cfoq1r2OpCswG+V+/7xkL0cwNTDithKmoFq1M/eX4ag8xce8xudw9zQo0zu/CsaK1JKgN7jl+Prv6zbnNvoo4vl6zA1D26JyrfnT1NJh4Zez5qJ0mbIStGeSpiIiTIiIiAIiIAiIgCIiAIiIAiIgCIiAIiIBWeL4UJVbTsVtT3X2Yfn6mVbjOBystQb0zfzQjK3yN7d6idE4pg+tplftbqe4jb+XrKpVQupDDtDQg943EwZ4aZWaMcrRSDTanWWtTsK1PRSdA6blCe7QeRAPKdZ6OcZTF0Vqrv8LqdCrDQgjkbznFfCjVGF7aa93I/14zPwWo2Eq9fRBKtYVaY+2BoGUffA9wAOQnMOXS6ZPJDUtjqkTBgcWlamtWmwZGFwRM89AyCIiAIiIAiIgCIiAIiIAiIgCIiAIiIAkDx/CZSKy7E2f8j+XtJ6Y8RRDqyHZhaQyQ1RolF0zmnSHKlWkxNhU/Rnuu2qn+Jcv/Ulc45wsV3osKj02QsqujFSrkqVJGxBKka9475aemXCeuoMjXD0juNwLjtDyIR/3ZAcGxdN2C4phTqgmjVW4F2ABzoDoykFWsNde8Tzaadrk1p7bkn0O4/Ww1TqcQLljdgo0q99akvKpzemN9xrv1HD11qKrowZWF1YG4IPMGc04jgUzHD1SHFg6tqDbdXHO4Nu2pNjvYzLwTjFXCVCmbrUJuwuAxv9ojk3POOy32rHtS/Fn0vTIrnj1bo6VE1sBj6dZc9NrjmOYPcRyM2ZtTvgzCIidAiIgCIiAIiIAiIgCIiAIiIAiIgED0joi4JHZdSjf15E+0o+OwAp1CSA1wt7gEEqCM2veDb0nRePU70WPNbMPTQ/ImUfpDVcvTVaea1LOdQD8WWwvoduc8/xK0ys1YXaNSgxHZRf0Y1C3JVTzsPipHxW666rNfHUOtK02RixYKmWwqKzXsQwsGX9YW72AkrwjgeMeoxNPJSIBBqEKwOzDKATbQG99yZduF8ISj2j2n+8Rt3he6RhgnN78EpZIx4NPov0eGFUlnNSqwszm3wgkhdN7XOp1k7ET0IxUVSMjbbtiIiSOCIiAIiIAiIgCIiAIiIAiIgCIiAavFFvRqgb5G/AznfSjiyYXq8RU+BUF9CbnrBYaa8zOmVFuCO8W95wP6S6FarTD9Y3VriKeG6sfDm6vMW8Tc85lzw1SjZdjdJnceC8STE0KddLFai3Fjcd2h5ibspf0dccD0hhHAWpTHY0yhl3tb7y8+8a94F0l+OWqKZXOOl0IiJMiIiIAiIgCIiAIiIAiIgCa+KxtOnq7hfM6+28rvH+O1MzUqNwFOVnGpvrt3DQ6yuEljYkEX3IBbe5JcgE639DaZcniUnUdy6OG1bLbjOldJNER37jbKD6n+Ujm6VYhsuSkiX1Ocsxt6WkKrqpOuo7+Y8JgxGJ5g2O3n4WmeWeb6lqxR7E1iekVfbrAL9ygAe4M0cRxiu3949vA2/C2kjOvPMexB/HafaZOwW/gASPlKpZZvqWKEV0PWIr1W3Yntb5iezzGp38dfSaXFqWenh6KgdUK4ru7EXZ7MoFhsBYG/h4TfFyQFRi3gSDryYm+Ucz4TzxeuqLhxc5XdgLNcEIFpgHvBzOfMeUr1yRKkYK1K2zAv3rcW8bm2skcLjaygWrNm7gWt8zaVzB8XpkuhYk09GGUg2XS97anncSTw+IVtASbjRhre297bNOpyQaTLAeN4lf7y/IXCn8ptU+k+IHxKjehX53kBTrgHQG/kTv57fKe7FhqLfM/wCktWaa6lbhHsWXD9M1/vKLr5ENJXBdIMNVtlqAE7Buz7X0PpKM1/Mf1z3HrNcUVCgAAeFrWubm3LU395bHxM17kHiizqsTmnDOM16BABJA3UkFLXt5g6HadB4Zjlr01qLsdx3HmJqxZo5PkpnjcTaiIlxWIiIAiIgHMePYwYavUpGqUu1w12A11AYjb4tz3TEouCw1Fx2hc6m9tTvfzkZ9KZIxbkdy/wCUSmYPjzUdMun6h6s+osUPqs8+eB29JsjPbcvtdi19m/H25SPYtqQWUC1y1je/IXN5o8G6U4Ykiq5p6aHqdfIlGsfOw8pZcPUw1b+zxdB/AvkPswlLhJconqRCmqWvZ1AGp+IG2172tfztPVOm7Edpcg3KuCbdwBsbna/K95Pv0cZlICKwOvYZCL+hmB+i5Cuop1FzixsDt4GQd9iVo9YHDVEp1MQ9Qio91pU1JZKQ2zvluC1hpuASL+EPxerV6xS9RgqiwQK4Gm+ay9ok3522EslehUNOjSyFVpDKAFIB2Ha03/nI7HUMtmNa90ykPkGlrWGmnnpK3KmdRA4mv1T63OYk6Z2IudiOVv5WmajimJyBWNgNbW+bWFx5z3jatN8oZkUqLZg6gkfrd9pgOJoC2avTFv8A1FufPWTW4ZI0q7m6sLEHQ3HuLXm5SrVCQLqCNSe1r5Db8ZE4fG4ZjYVkYj9Yc/Gb+IxFOkCXdRYX1I+U7wcN6mu+ZiW32sPQCeat97aDUAHu9bStYrprh1GjqfAEn/KDK7xPpszgrTzi/MZadvIi7fMSyOKcuEQcorqdArVhqjEA2vqVuAL3IG/d7y99EUy0F59Z2xbYDYfh85+ceF1iz35nc6kn9pmJJ9TP0h0X/wCHwn/IH4TVhw6JWU5Z3EnIiJrM4iIgCIkZxzjCYdLnVyOyv5nuE42krZ1K9kcs+lb/AIp/Jf8AKJzTES89M8W1WoXY3Y7n+uX8pR8VKIu9y9qlRqGeS0MZ5MsIGSniWX4GZf2SV/CbNLj+LT4cTWH/AFH/AJzQM8NGlPlC2SzdLMdbKcVWt3Fr/jIyrxWqd3v+6o/ATA8wmdUI9iLk+5nGMe1r6eS/ynv/AGpW/wAQjysv+UCakTuldjmp9zM2LqHeo583Y/nMBFzc798+xO1RwCZUmOe0hnUTfCPiE/SnRYf7thP+Qv4f185+aeFHUTt/QfpEESnTrHsZQKbn7PIAn7p7+XlKtSjLcscW47HQ4nwGfZcUiIiAJzLpZij9ZrBjzCjwAAt/XjOmzm3TjAN17sN2swvsR+RB5zP4m9Bdh9RQePVCw7ChyD2u1YqutyunaF5T6mIVtj6HQ+oMnOJYCrRa9IZluSaTEqRc3JpsDceanzvIyvUo1viOWp3VRlb+NBY+q+sqxOl3RZPcj2nmS+C6O13AdabOh2syG/Ls63PoJZKPRPBOAGrYnD1OYr0Ta/gQNpa80UQUGUMzy0vlX6OSdaONwz+BbIfYyPxP0dY9fhRHHelRWnVmg+pxwZTmmIiS+L4DiKZIamQR4iR1TDONx+EsUk+GRcWuhrxPRQ/0RPopmTIHiJMcI6OVcQbK1JLC5NR1QfOWMdAKKLmrcSw4P3aQaqfLsyt5YrqSUJFFEy0UJOgluxfR/BBLYc4qtVt8TItKkp7yWGo9pHUeEU1Gard1HIOqJp3lbn2IkXmiTWORv9EuF06pYs4OS10W532DPt6AmXY9w/q057RxWKrt1GEVadEGxNJSqDxdzqffWXrDVAqKobOVUAtpqQLE6aX8BMma7tv8F2Oqo6r0OrFsLTzG9iyjyDED5T5PHQimRg6eYfEWYeRYkGfZux+lGWfqZOxESZETS4rwxMQmV9xqrDcH+uU3YnGk1TOp1ujmnGejtSncVED0/vWzL5kfZPnK1jei9Gr3jzAcf93aHvO4SMxfAqFTUplPevZ+W0xT8LJO8bNEc64kjkfB+FY3B6YetTemTc0qmbL6A3A9CJY8Jx6qBatw9h3mhUUg+OVSPnLJX6KkfBUB8GFvmL/hNKrwGuv2L/skH/WUShmW7iWKUH1NB+KYBv7ShUpnnmorf3UEzWrU+EONWC+aV1m++Eqrurj0aaddL/EAfMA/jKnNrlElFdGQPFOHcKKnJisrcrvVA/yGc647hgh/RVFcfquz/wCZFnUsVgaT/FTQ/ur+QkPX6L4Vt6I9Cy/gZZizxi9xLG2jlLZvGfLN4+86j/4Swf8Agj+J/wD7T2vRfCD/AMunrc/iZp/ew7Mp/by7lL6MDtXqVerXwoGuT5ch6zoVHiNFFAVcZVNrXp0adG/mb6e0+4XglJf7Ogg/ZQX/AAkrQ4LXb4aL/wAJA+czzyfqO1EtjHSt2VvEYiq7djBAdxr1Q9vEqp1Pnp4TXfgnWFWr5Hy7Lb9Gv7NNQq/KXzD9EsS24VP2mH/xvJTCdCF3q1SfBBl+Zv8AlJRx5XwqOOcFy7OfLhRYIBmGwUCw8giix+ctvR3oa7kVMSMtMain9pv2vujw38pdOH8IoUP7Kmqn727fxHWb00Y/C1vJ2VTz3tE+KoAAAsBoAIn2JrM4iIgCIiAIiIAiIgCeSgO4ERAMbYSmd0Q/uj+U8/UaX+En8K/yiJzSux22PqNL/DT+Ff5T2uHQbIo8gBERSFsyAT7ETpwREQBERAEREA//2Q=="34:[{"id":"86739e2dc165190132c7d4f252ff4e61665281d955fe85dc5461308c29177e82043f42fad18fcf8a6c932ce75298c9d2bf2dd39add2dc453864b7a26ff1c13e6","href":"https://static.observableusercontent.com/files/86739e2dc165190132c7d4f252ff4e61665281d955fe85dc5461308c29177e82043f42fad18fcf8a6c932ce75298c9d2bf2dd39add2dc453864b7a26ff1c13e6","name":"disney_plus_shows.csv","type":"text/csv","lastModified":1591412024966.861,"size":408455}] 2f:{"title":"Disney Plus Show Lollipop chart","cells":[{"id":0,"value":"md`# Disney Plus Show Lollipop chart`","pinned":false,"hidden":false,"mode":"ojs"},{"id":444,"value":"html`\n
\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":546,"value":"oscar_emmy_charts = {\n const div = d3.create(\"div\");\n const charts = div\n .attr(\"class\", \"chart-container\")\n .call(oscar_chart)\n .call(emmy_chart);\n\n return div.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":451,"value":"html`\n
\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":377,"value":"md`\n### Oscar ###\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":147,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":135,"value":"oscar_xScale = d3.scalePoint()\n .domain(oscar_winners.sort((a, b) => +b.oscar_wins - +a.oscar_wins).map(d => d.title)) \n .range([margin.left, chart_width - margin.right])\n .padding(0.5)","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"oscar_yScale = d3.scaleLinear()\n .domain([0, 8])\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"oscar_xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(oscar_xScale))","pinned":false,"hidden":false,"mode":"ojs"},{"id":144,"value":"oscar_yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(oscar_yScale).ticks(6).tickFormat(d3.format(\"d\")))","pinned":false,"hidden":false,"mode":"ojs"},{"id":382,"value":"md`\n### Emmy ###\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":450,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":430,"value":"emmy_xScale = d3.scalePoint()\n .domain(emmy_winners.sort((a, b) => +b.emmy_wins - +a.emmy_wins).map(d => d.title))\n .range([margin.left, chart_width - margin.right])\n .padding(0.5)","pinned":false,"hidden":false,"mode":"ojs"},{"id":432,"value":"emmy_yScale = d3.scaleLinear()\n .domain([0, 8])\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs"},{"id":437,"value":"emmy_xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(emmy_xScale))","pinned":false,"hidden":false,"mode":"ojs"},{"id":439,"value":"emmy_yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(emmy_yScale).ticks(6).tickFormat(d3.format(\"d\")))","pinned":false,"hidden":false,"mode":"ojs"},{"id":386,"value":"md`\n### Data ###\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"disney_raw = d3.csvParse(\n await FileAttachment(\"disney_plus_shows.csv\").text()\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"data = disney_raw.filter(\n d =>\n d.title != \"\" &&\n d.title != \"N/A\" &&\n d.type != \"\" &&\n d.type != \"N/A\" &&\n d.genre != \"\" &&\n d.genre != \"N/A\" &&\n d.released_at != \"\" &&\n d.released_at != \"N/A\" &&\n d.awards != \"\" &&\n d.awards != \"N/A\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"interest_data = data.map(d => {\n return {\n title: d.title,\n type: d.type,\n genre: d.genre,\n // year: date_formatter(d.released_at).getFullYear(),\n release_date: d.released_at,\n awards: d.awards\n };\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"filtered_data = interest_data.filter(\n d =>\n d.title != \"\" &&\n d.title != \"N/A\" &&\n d.genre != \"\" &&\n d.genre != \"N/A\" &&\n d.awards != \"\" &&\n d.awards != \"N/A\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"oscars = filtered_data.filter(d => d.awards.includes(\"Oscar\") && d.awards.includes(\"Won\"))","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"oscar_winners = oscars.map(d => {\n return {\n title: d.title,\n type: d.type,\n genre: d.genre,\n release_date: d.release_date,\n oscar_wins: parseInt(d.awards.split(\"Oscar\")[0].substr(-2, 1))\n };\n}) \n .sort((a, b) => +b.oscar_wins - +a.oscar_wins)\n .slice(0, 10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":91,"value":"emmies = filtered_data.filter(d => d.awards.includes(\"Emmy\") && d.awards.includes(\"Won\"))","pinned":false,"hidden":false,"mode":"ojs"},{"id":106,"value":"emmy_winners = emmies.map(d => {\n return {\n title: d.title,\n type: d.type,\n genre: d.genre,\n release_date: d.release_date,\n emmy_wins: parseInt(d.awards.split(\"Primetime\")[0].substr(-2, 1))\n };\n})\n .sort((a, b) => +b.emmy_wins - +a.emmy_wins)\n .slice(0, 10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":389,"value":"md`\n### Misc. ###\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"barHeight = 25","pinned":false,"hidden":false,"mode":"ojs"},{"id":550,"value":"chart_width = 450","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"height = 470","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"margin = ({top: 60, right: 30, bottom: 120, left: 110})","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"date_formatter = d3.timeParse(\"%d %b %Y\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"d3 = require(\"d3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":466,"value":"oscar_img = 'https://img.pngio.com/academy-awards-png-the-oscars-png-download-png-image-oscar-oscar-statuette-png-920_1269.png'","pinned":false,"hidden":false,"mode":"ojs"},{"id":460,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":496,"value":"styles = html`\n `","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}