{
    "componentChunkName": "component---src-templates-story-js",
    "path": "/2016/02/j-dilla-infographic",
    "result": {"data":{"storiesJson":{"id":"abbaab8d455f9697460648fcd18fbaca","title":"J Dilla’s Favorite Flips","body":" <script>dataLayer=window.dataLayer||[];dataLayer.push({rbmaSite:'daily'})</script> <noscript><iframe src=\"//qm.redbullmusicacademy.com/ns.html?id=GTM-5RLQKC\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript> <noscript><iframe src=\"//qm.redbullmusicacademy.com/ns.html?id=GTM-5XHDS9\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript> <noscript><iframe src=\"//qm.redbullmusicacademy.com/ns.html?id=GTM-N63G8F4\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript> <script src=\"scripts/standalone/analytics.js?__inline=true\"></script> <!-- ngIf: color && backgroundColor --> <div class=\"spinner\" id=\"js-spinner\"> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> <div class=\"box\"></div> </div> <!--[if lt IE 7]>\n      <p class=\"browsehappy\">You are using an <strong>outdated</strong> browser. Please <a href=\"https://browsehappy.com/\">upgrade your browser</a> to improve your experience.</p>\n    <![endif]--> <!-- uiView:  --><div ui-view=\"\" autoscroll=\"true\" ng-class=\"(doc) ? 'has-page-type-'+doc.type.toLowerCase() : ''\" class=\"page-wrap text-color-primary bg-color-secondary pr ng-scope has-page-type-coverstory\"> <div class=\"everything-after-nav ng-scope\" id=\"js-everything-after-nav\"> <div dynamic=\"html\" class=\"page-container\" rbma-preview=\"\"><div rbma-cover-story-page=\"\" doc=\"doc\" data=\"pageData\" class=\"ng-scope ng-isolate-scope\"><div disable-while-transitioning=\"\"> <!-- ngIf: !transitioning --><style ng-if=\"!transitioning\" class=\"ng-binding ng-scope\">.text-color-primary {\n      color: #fcab17;\n    }\n    .bg-color-primary {\n      background-color: #fcab17;\n    }\n    .text-color-secondary {\n      color: #3a3632;\n    }\n    .bg-color-secondary {\n      background-color: #3a3632;\n    }\n\n    .text-color-body {\n      color: #fcab17;\n    }\n\n    .bg-color-primary--svg {\n      fill: #fcab17;\n    }\n\n    .bg-color-body {\n      background-color: #fcab17;\n    }\n\n    .bg-color-body--svg {\n      fill: #fcab17;\n    }\n\n    body {\n      color: #fcab17;\n      background-color: #3a3632;\n    }\n\n    ::-moz-selection {\n      background: #fcab17;\n      color: #3a3632;\n      text-shadow: none;\n    }\n\n    ::selection {\n      background: #fcab17;\n      color: #3a3632;\n      text-shadow: none;\n    }\n\n    .main-nav {\n      color: #fcab17;\n    }\n\n    .main-nav.headroom--top {\n      color: #fcab17;\n    }\n\n    .main-nav .bg-color-primary {\n      background-color: #fcab17 ;\n    }\n\n    .main-nav.headroom--top .bg-color-primary {\n      background-color: #fcab17;;\n    }\n\n    .main-nav .bg-color-primary--svg {\n      fill: #fcab17 ;\n    }\n\n    .main-nav.headroom--top .bg-color-primary--svg {\n      fill: #fcab17;;\n    }</style><!-- end ngIf: !transitioning --> </div> <div class=\"text-color-primary bg-color-secondary\"> <article class=\"page page--coverstory\"> <div ng-class=\"{'apply-header-image-filters': (doc.secondaryColor|luminosity)<100}\" class=\"apply-header-image-filters\"> <!-- ngInclude: 'views/pagetypes/cover-story/header'+doc.headerStyle+'.html' --><div ng-init=\"role='header'\" ng-include=\"'views/pagetypes/cover-story/header'+doc.headerStyle+'.html'\" class=\"ng-scope\"><!-- ngIf: role == 'header' --><header ng-if=\"role == 'header'\" data-role=\"header\" elementary=\"\" class=\"mod header header--cover header--cover-6 ng-scope\" data-minwidth=\"320 420 576 768 1024 1280\"> <div class=\"headlines-wrap\"> <h1 class=\"headline-main type-sans-serif\">J Dilla’s Favorite Flips</h1> <h2 class=\"headline-secondary type-sans-serif\" ng-bind-html=\"doc.lead | markdown\"><p>The famed hip hop producer sampled tons of artists in his career. For his final album, <em>Donuts</em>, there were a few that he came back to time and time again.</p></h2> </div> <img class=\"header__main-image ng-isolate-scope\" rbma-image=\"doc.mainImage\"> </header><!-- end ngIf: role == 'header' --> <!-- ngIf: role == 'related' --></div> <div class=\"body-wrap text-color-body\"> <!-- ngIf: doc.lead.length > 0 && doc.headerStyle != 3 && doc.headerStyle != 6 --> <!-- ngIf: doc.firstPublished || doc.authors.length --><h4 class=\"meta meta--cover type-serif\" ng-if=\"doc.firstPublished || doc.authors.length\"> <!-- ngIf: doc.firstPublished --><div class=\"meta__date ng-binding ng-scope\" ng-if=\"doc.firstPublished\">February 10, 2016</div><!-- end ngIf: doc.firstPublished --> <!-- ngIf: doc.authors.length --><div class=\"meta__author ng-scope\" ng-if=\"doc.authors.length\">By <author-link authors=\"doc.authors\" class=\"ng-isolate-scope\"><!-- ngRepeat: author in authors --><span ng-repeat=\"author in authors\" class=\"ng-scope\"><!-- ngIf: authors.length > 2 && !$first --> <!-- ngIf: authors.length > 1 && $last --> <!-- ngIf: author.type == 'document' --><a class=\"underlined ng-scope ng-isolate-scope\" ng-if=\"author.type == 'document'\" rbma-lazy-title=\"\" slug=\"author.document.typeSlug.split(':')[1]\" pagetype=\"'author'\" href=\"/author/red-bull-music-academy\">Red Bull Music Academy</a><!-- end ngIf: author.type == 'document' --><!-- ngIf: author.type == 'name' --></span><!-- end ngRepeat: author in authors --></author-link></div><!-- end ngIf: doc.authors.length --> </h4><!-- end ngIf: doc.firstPublished || doc.authors.length --> <div rbma-blocks=\"doc.body\" blocks-name=\"'body'\" data-quote-type=\"serif\" class=\"body text-layout--center type-serif\"><div rbma-image-block=\"\" id=\"body-0\" block=\"block\" class=\"block block-image alignment-wide ng-scope ng-isolate-scope\" ng-class=\"paramsClasses\"><figure class=\"figure\"> <img rbma-image=\"block.image\" class=\"figure__media ng-isolate-scope\" src=\"https://media.redbullmusicacademy.com/assets/Red%20Bull-%20J-Dilla%5BSavy%5D%5BSource.Edit%5D2-19-01.4fc81afc.jpg?auto=format&amp;w=1280\"> <!-- ngIf: block.credit || block.caption --><figcaption class=\"figure__caption ng-scope\" ng-if=\"block.credit || block.caption\"> <!-- ngIf: block.caption --> <!-- ngIf: block.credit --><span class=\"figure__caption__credit ng-scope\" ng-if=\"block.credit\" bind-compiled-html=\"block.credit|inlinemarkdown\"><a href=\"https://killerinfographics.com/\" target=\"_blank\" class=\"ng-scope\">Killer Infographics</a></span><!-- end ngIf: block.credit --> </figcaption><!-- end ngIf: block.credit || block.caption --> </figure></div><div rbma-text-block=\"\" id=\"body-1\" block=\"block\" class=\"block block-text style-normal ng-scope ng-isolate-scope\" ng-class=\"paramsClasses\"><div bind-compiled-html=\"block.text | markdown\"><p class=\"ng-scope\"><strong>Credits</strong>\n<br><a href=\"https://www.whosampled.com/\" target=\"_blank\">WhoSampled.com</a>\n<br><a href=\"https://www.spotify.com/\" target=\"_blank\">Spotify.com</a>\n<br><br>\nTo download the infographic in hi-res, <a href=\"https://image.redbull.com/rbx00786/0100/0/486/dilla-flips-4.0cb899ab.jpg\" target=\"_blank\">click here</a>.</p></div></div></div> <div class=\"body text-layout--center pt-xl\"><p class=\"block-text\"></p></div> <!-- ngIf: doc.mainImageCredit --> </div> </div> </article> <structured-story-data><div ng-bind-html=\"trustedHtml\" class=\"ng-binding\"><script type=\"application/ld+json\">\n  {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"Article\",\n    \"headline\": \"J Dilla’s Favorite Flips | Red Bull Music Academy Daily\",\n    \"image\": \"https://media.redbullmusicacademy.com/assets/DillaInfographic-Social.549b190d.jpg?auto=format&w=800\",\n    \"datePublished\": \"2016-02-10T00:00:00Z\",\n    \"description\": \"The famed hip hop producer sampled tons of artists in his career. For his final album, Donuts, there were a few that he came back to time and time again.\"\n  }\n  </script></div></structured-story-data>  </div></div></div>  <!-- ngIf: isPreview --> </div> <!-- ngIf: doc.additionalMarkup --></div> <notification><!-- ngIf: !waitingForScroll && !notification.dismissed && notification.data.showNotification --> <!-- ngIf: notification.sitsInline --></notification> <!--[if lt IE 9]>\n    <script src=\"scripts/oldieshim.16d1f762019.js\"></script>\n    <![endif]--> <script src=\"scripts/\"></script> <script src=\"scripts/\"></script> <script src=\"undefined?forceLang=en&amp;linkColor=999&amp;bgColor=000\"></script>  ","slug":"/2016/02/j-dilla-infographic","metaImage":"DillaInfographic-Social.549b190d.jpg","description":"The famed hip hop producer sampled tons of artists in his career. For his final album, Donuts, there were a few that he came back to time and time again.","relatedDocuments":[{"title":"When Erykah Met Dilla","teaserTitle":"When Erykah Met Dilla","teaserSubtitle":"","teaserImage":{"id":"AP-1NMQCCA3H1W11_news.b80617fa.jpg"},"slug":["when-erykah-met-dilla"],"date":"2013-02-21T09:00:00Z","type":"story","firstPublished":"2013-02-21T09:00:00Z"},{"title":"Questlove (2013)","teaserTitle":"Questlove (2013)","teaserSubtitle":"The Philadelphia powerhouse talks Dilla, drumming and D’Angelo","teaserImage":{"id":"1369436378655-1775149659_news.c043e0f1.jpg"},"slug":["questlove-new-york-2013"],"date":null,"type":"lecture","firstPublished":"2015-04-19T16:22:22.214Z"}],"data":{"videos":[],"transcripts":null,"video":null},"pageStyle":{"primaryTypeface":"sans-serif","secondaryTypeface":"serif","bodyTypeface":"serif","primaryColor":"#fcab17","bodyColor":"#fcab17","secondaryColor":"#3a3632"}}},"pageContext":{"pageTitle":"J Dilla’s Favorite Flips","slug":"/2016/02/j-dilla-infographic","id":"abbaab8d455f9697460648fcd18fbaca"}},
    "staticQueryHashes": ["1410461468","2116853838","26522286","344901210"]}