31:T5c3,Recently, a colleague mentioned (yes, in passing) that Soulja Boy claims to have invented swag. I was simultaneously in agreement and disagreement with that notion at the time because, _for real_? If you google around, there are [definitely some claims](https://www.vice.com/en/article/r3pmb6/five-things-soulja-boy-invented) of what Soulja Boy invented during his time in the spotlight in the early 2000s. I mean, looking back at [some of his videos](https://www.youtube.com/watch?v=47Fbo4kU2AU), he was _the_ rapper of an earlier (read: better) phase of the internet. Also [he was made for TikTok](https://www.youtube.com/watch?v=8UFIYGkROII). Keep googling and you'll find [several](https://www.mandatory.com/living/1182175-swagger-hell-come) [boring](https://bitterrivals.us/who-started-saying-swag-in-rap/) [blog](https://smspantherpress.wordpress.com/2015/01/21/slang-origins-the-history-of-swag/) [posts](https://www.scmp.com/magazines/post-magazine/short-reads/article/2153966/jay-z-one-who-made-swag-cool-guess-which-famous) regurgitating dictionary definitions of swag. Then you'll find [this article from Slate](https://slate.com/culture/2012/03/who-invented-swag-and-swagger-jay-z-soulja-boy-brand-nubian.html), which, I also have to point to here, because it's pretty much all there is questioning the origin of swag in hip-hop. The TL;DR of the article is this: **Jay-Z claims to have invented (or at least popularized) the use of the word swag in hip-hop.**32:T5e3, **Bello Figo** ${topFour.filter(d => d.name === "Bello Figo").length} songs **Lil B** ${topFour.filter(d => d.name === "Lil B").length} songs **Money Bo**y ${topFour.filter(d => d.name === "Money Boy").length} songs
**Soulja Boy** ${topFour.filter(d => d.name === "Soulja Boy").length} songs **Soulja Boy Tell ’Em & Lil B** ${topFour.filter(d => d.name === "Soulja Boy Tell ’Em & Lil B").length} songs33:T45f,Even from all of the artist who have **two or more swag-titled songs**, Soulja Boy has the longest swag career – 14 years – if we measure that by the commitment of including swag in his song titles. Both of his first swag hits (_Booty Got Swag_ and _Turn My Swag On_) were released on [iSouljaBoyTellem](https://open.spotify.com/album/2zwyBK8ea29FqWuY8IiRJu) in 2008 and he is the only of the top four to release a swag song _after_ 2018. [It's terrible](https://open.spotify.com/track/1NQv0miSa0yR3KjkOzZ7Nn?autoplay=true), by the way. Only the comical German rapper, Money Boy, comes close with an eight year commitment. His first song _[Dreh den Swag auf](youtube.com/watch?v=Jcn1gkpPBfY)_ (a one-for-one rip of Soulja Boy's _Turn My Swag On_) in 2010 to his most recent _[Yolohafte Swagnachten](https://www.youtube.com/watch?v=FtnKBbGbAB8)_ ("Yolo-like Swag Night," a play on Christmas) in 2018. 34:T453,These four songs are in the top five by share of swag to all other words and by sheer number of swags. Here they are for your closer inspection. But, as a note, computationally parsing or parsing by my eyeballs was extremely tedious because of obvious issues like typos and then some not-so-obvious issues such as: - Should _Rarri_ and _Rari_ (reference to a Ferrai) be consistent? - Should _Bro_ and _Bruh_ be consistent? - Should _Twitter.com_ be written out as "Twitter Dot Com" (Also, Google+ to Google Plus?) - Should _Ridin_, _Hoppin_, _Jumpin_, _Callin_, _Motherfuckin_, and _Ballin_ (among others) include a "g" at the end? - _Wit_ or With? ...and the list goes on. 35:T4b1,

Swag OD

Pretty Boy Swag

Swisher Sweet Swag

Pretty Boy Swag (Remix)

Swag Get At You

${swagODWC}

${prettyBoySwagWC}

${swisherWC}

${prettyBoySwagRemixWC}

${swagGetAtYouWC}

36:T45a,function toggle(name, options = {}) { if (typeof options === "string") options = {specifier: options}; return htl.html`

A note on the etymology

${md` _I'm not a linguist but_ 😉 the etymology of swag is boring. [Whoever penned this Merriam-Webster entry](https://www.merriam-webster.com/words-at-play/history-of-swag), though, seemed pretty convinced that swag reflects much more than what I can see in this four letter word. They write that, given its changing meaning over the centuries, "[Swag] is a word that well represents the story of English." Meh. We could probably say that about a lot of [words](https://www.merriam-webster.com/dictionary/troll#h3), [names](https://www.urbandictionary.com/define.php?term=Karen) and [phrases](https://www.urbandictionary.com/define.php?term=Bless%20your%20heart) considering how they've changed in the age of the internet. `}

`; }37:T429,Plot.plot({ width, grid: true, marginLeft: 50, x: { inset: 15, type: "utc", domain: [new Date("2006-01-01"), new Date("2022-12-31")], tickFormat: d3.format("d") }, y: { label: "Page views on Genius.com ↑" }, marks: [ Plot.dot(finalSongs.filter(d => d.year !== 1 && d.year >= 2007), { x: d => (new Date(d.release_date_for_display)), // x: "year", y: "pageviews", fill: "#222222", title: (d) => `${d.title} \n ${d.release_date_for_display}`, r: 5, fillOpacity: 0.6, stroke: "#FFFFFF" }), Plot.text(finalSongs, { filter: d => d.pageviews > 100000, x: d => (new Date(d.release_date_for_display)), // x: "year", y: "pageviews", text: d => `${d.name}`, dy: -10, // dx: 10, stroke: "#ffffff", fill: "#222222" }), Plot.ruleY([0]) ] })38:[{"id":"6c8ff501814f13014bf891eee65b28e9bd7eaf7e07316238d8462fc14aee92e6eac8f7669ec9d43dec9ccc0956bb43799c53af2791807cd5fa80d181605966d5","href":"https://static.observableusercontent.com/files/6c8ff501814f13014bf891eee65b28e9bd7eaf7e07316238d8462fc14aee92e6eac8f7669ec9d43dec9ccc0956bb43799c53af2791807cd5fa80d181605966d5","name":"swag_addedDates - addedDates (2).csv","type":"text/csv","lastModified":1656952825921.724,"size":116142},{"id":"df90af0e9769ac6075d968499ff42bbfb4b049010bc4ea92f9bba5c0fbcb0cb6d17f8c3b02d64a8cd1a10d702538303e40e9a76f3f05c685fbbc43efe19689b6","href":"https://static.observableusercontent.com/files/df90af0e9769ac6075d968499ff42bbfb4b049010bc4ea92f9bba5c0fbcb0cb6d17f8c3b02d64a8cd1a10d702538303e40e9a76f3f05c685fbbc43efe19689b6","name":"swagNames.png","type":"image/png","lastModified":1657146788631.313,"size":509089}] 2f:{"title":"Swag, a Based* Analysis","cells":[{"id":510,"value":"# Swag, a Based* Analysis","pinned":false,"hidden":false,"mode":"md"},{"id":323,"value":"viewof selectedTitle = Inputs.select(new Set(souljaBoySongs.map(d => d.title)), {label: \"Pick a Soulja Boy song:\", value: \"Pretty Boy Swag\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":458,"value":"topperCloud = WordCloud(souljaBoySongs.filter(d => d.title === selectedTitle)[0].lyrics, {\n width: isMobile ? width : 800,\n height: 300,\n invalidation // a promise to stop the simulation when the cell is re-run\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":8162,"value":"*[_Please refer to What is \"Based\"?_](https://knowyourmeme.com/memes/based-god)","pinned":false,"hidden":false,"mode":"md"},{"id":514,"value":"$31","pinned":false,"hidden":false,"mode":"md"},{"id":2043,"value":"I'm less curious about _who invented it_ and more about if we can show its prominence in music over the years. Maybe that might help us crown 👑 a swag king or queen if there is one. This notebook dives into one way we can do that – with data 🎉","pinned":false,"hidden":false,"mode":"md"},{"id":7746,"value":"toggle()","pinned":false,"hidden":false,"mode":"ojs"},{"id":7498,"value":"DownTheRabbitHoleWeGo!","pinned":false,"hidden":false,"mode":"md"},{"id":526,"value":"Let's start by searching through all of the songs logged on [Genius.com](https://genius.com/) (originally Rap Genius), a site that collects song lyrics across genres along with other news and media surrounding the artists. They have [an API](https://docs.genius.com/) that we can use to search across the site for the word \"swag.\" It ends up yielding **989 songs**.","pinned":false,"hidden":false,"mode":"md"},{"id":586,"value":"All of the data work for this notebook was done [in another notebook](https://observablehq.com/d/6e1e37c32dddcafd), so let's import it here:","pinned":false,"hidden":false,"mode":"md"},{"id":588,"value":"import {allSwag} from \"@wiederkehra/swag-analysis-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":630,"value":"allSwag","pinned":false,"hidden":false,"mode":"ojs"},{"id":1261,"value":"## ⚠️ Dataset caveats","pinned":false,"hidden":false,"mode":"md"},{"id":3338,"value":"Before we get too far, I want to address the dataset caveats of the Genius API (or, my skills when using it). If you have suggestions please comment or make a fork with suggestions!\n- [Searching with the API](https://docs.genius.com/#search-h2) does not scan through every song page on the site. That means my results are not getting every song on the site where swag in some form appears in the lyrics. The results seem to roughly yield:\n - Any song with swag in some form in the title.\n - Any artist with swag in some form in their artist name OR nickname (Nicknames like: Bello Figo aka Figo **Swag** and Le Motif aka **Swagga** Guru.)","pinned":false,"hidden":false,"mode":"md"},{"id":669,"value":"So let's clear up what that means for us and the Genius API results.\n\nOf the ${allSwag.length} hits, we get ${uniqueArtists.length} unique \"primary artists\" responsible for them. A song's primary artist _can be more than one artist_ (e.g. Jay-Z versus Jay-Z and T.I.) And ${swagNames.length} of the artists have some form of swag in their artist name. And, as I mentioned, there are others whose display name might not contain swag, but their nicknames do. ","pinned":false,"hidden":false,"mode":"md"},{"id":650,"value":"primaryArtists = Object.entries(allSwag).map(([key,value])=> value.primary_artist)","pinned":false,"hidden":false,"mode":"ojs"},{"id":634,"value":"uniqueArtists = [...new Set(primaryArtists.map(item => item.name))];","pinned":false,"hidden":false,"mode":"ojs"},{"id":737,"value":"swagNames = uniqueArtists.filter(name => name.includes('Swag') || name.includes('swag'))","pinned":false,"hidden":false,"mode":"ojs"},{"id":8194,"value":"swagnames = FileAttachment(\"swagNames.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":832,"value":"**So we need to make a decision:** Do we want to keep artists with swag in their name or nickname even if they never made a song containing the word swag in the title or in the lyrics?\n\nI'm going with no. 🙅🏻‍♀️ Lack of commitment!\n\n**Now to our next decision:** Since the API doesn't return hits for songs with swag _in the lyrics_, I'm going to filter out the songs that do not include swag in some form _in the title_. We'll have to just take [Forrest Wickman's word](https://slate.com/culture/2012/03/who-invented-swag-and-swagger-jay-z-soulja-boy-brand-nubian.html) that Brand Nubian was the first artist to use swag [in their song _Slow Down_](https://genius.com/Brand-nubian-slow-down-lyrics) in 1990. And of course Jay-Z's reference in _Otis_ in 2003.\n\nWe'll start by flattening all of the data together (we have some nested objects): ","pinned":false,"hidden":false,"mode":"md"},{"id":751,"value":"// Flatten all of the nested objects into the main object of each song\n// https://stackoverflow.com/questions/60944050/dynamically-flatten-nested-array-of-objects-javascript\nfunction flatten(obj, final = {}) {\n for (let key in obj) {\n if (typeof obj[key] === 'object' && obj[key] != null) {\n flatten(obj[key], final)\n } else {\n final[key] = obj[key]\n }\n }\n return final\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":763,"value":"flatData = allSwag.map((v) => flatten(v))","pinned":false,"hidden":false,"mode":"ojs"},{"id":7833,"value":"Now we only have songs with swag in the title in our dataset:","pinned":false,"hidden":false,"mode":"md"},{"id":3419,"value":"// There's one single song eluding us here, (resting for !title.include 'swag', 'Swag', or 'SWAG') yiels 435.\n// 553 + 435 = 988, allSwag.length = 989\nswagSongs = flatData.filter(function (el) {\n return el.title.includes('swag') || \n el.title.includes('SWAG') || \n el.title.includes('Swag');\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":870,"value":"Let's pull the resulting ${swagSongs.length} search hits into a SQL Cell, so we can do a little more visual exploration.","pinned":false,"hidden":false,"mode":"md"},{"id":857,"value":"db = arr2db({swagSongs})","pinned":false,"hidden":false,"mode":"ojs"},{"id":7576,"value":"select * from swagSongs\nWHERE year is not NULL","pinned":true,"hidden":false,"mode":"sql","output":"swagSongsSQL","database":"var:db"},{"id":875,"value":"If we wanted to plot our song data over the years, we find ⚠️ a couple more issues: a year of `1` and some `NULLS`, which you can see in the SQL Cell above. We _could_ remove them flat-out, but there's 168 of them and a few are by bigger names like Drake and David Banner, who we want to keep!","pinned":false,"hidden":false,"mode":"md"},{"id":7236,"value":"yearNulls = swagSongs.filter(d => d.year !== null && d.year !== 1 && d.year !== undefined)","pinned":false,"hidden":false,"mode":"ojs"},{"id":3642,"value":"**So I made another decision:** In order to get more complete data for these 118 songs, I downloaded the CSV from the SQL Cell and:\n- did a Google search for the songs\n- compared the presence of the song on YouTube, SoundCloud, Spotify and Genius and took whatever was earliest\n - in the case of SoundCloud or Genius, I took the date the audio file or lyric annotation, respectively, were added to the site\n- and then updated the data in Google Sheets and re-uploaded here:","pinned":false,"hidden":false,"mode":"md"},{"id":3599,"value":"addedDates = FileAttachment(\"swag_addedDates - addedDates (2).csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3645,"value":"- ⚠️ It's absolutely possible the song was released before the date available via a YouTube, SoundCloud or Genius reference point.\n- ⚠️ Some of the songs (50) were either not songs ([example](https://genius.com/Fashion-genius-march-swagness-wk-2-rapjenius-vs-henryross-annotated)) or songs that I couldn't find a date reference point.","pinned":false,"hidden":false,"mode":"md"},{"id":3601,"value":"addedDatesNull = addedDates.filter(d => d.year !== null && d.year !== 1 && d.year !== \"\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":3660,"value":"Great, now let's add songs those back into the data that we removed the nulls from. We'll use these 503 search hits as data for the rest of the analysis:","pinned":false,"hidden":false,"mode":"md"},{"id":3624,"value":"finalSongs = [...yearNulls, ...addedDatesNull];","pinned":false,"hidden":false,"mode":"ojs"},{"id":8056,"value":"DownTheRabbitHoleWeGo!","pinned":false,"hidden":false,"mode":"md"},{"id":5596,"value":"# The Lay of Swag Land","pinned":false,"hidden":false,"mode":"md"},{"id":5598,"value":"Now that we've fixed up our data, let's zoom back out and see where our journey into swag begins.\n\nIt looks like our hit from 1964 uses swag in references to personal possessions. Our second hit from 1991 denotes a song as the \"Swaggart\" version – which, if you Google \"Swaggart,\" [you'll get a terrifying picture of televangelist Jimmy Swaggart](https://medium.com/@belover/jimmy-swaggart-is-my-hero-1d2ed5b5eaff) (you're welcome).","pinned":false,"hidden":false,"mode":"md"},{"id":1288,"value":"Plot.plot({\n height: 300,\n width,\n x: { \n grid: true,\n },\n y: {\n reverse: true,\n label: null,\n tickFormat: d3.format(\"d\"),\n },\n marks: [\n Plot.image(finalSongs.filter(d => d.year > 1 && d.year <= 1998), \n Plot.sort({\n channel: \"x\"\n }, Plot.dodgeX(\n {\n padding: 13,\n }, {\n y: \"year\",\n src: \"header_image_thumbnail_url\",\n width: 18,\n title: (d) => \n `${d.title} \\n ${d.name}`,\n }))), \n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1349,"value":"The last hit before we get to a hip-hop song is Swagger off the same-titled album from Celtic punk band Flogging Molly. I'd say it's self-explanatory that [a Flogging Molly show](https://www.youtube.com/watch?v=fz1nVeF3k_U) doesn't have the same sort of swag effect we know from the hip-hop connotation of the word. Probably fun though.\n\nKeith Murray's [Swagger Back](https://open.spotify.com/track/48fRv08f2fmSMSCVZjVHqS?autoplay=true) is the first rap hit we have in our data, debuting in 2003. From there, swag-titled songs cruise up to their peak in 2012.","pinned":false,"hidden":false,"mode":"md"},{"id":1296,"value":"Plot.plot({\n height: 580,\n width: isMobile ? 400 : width, // Need to fix :) \n x: { \n grid: true,\n },\n y: {\n reverse: true,\n label: null,\n tickFormat: d3.format(\"d\")\n },\n marks: [\n Plot.image(finalSongs.filter(d => d.year > 2000), \n Plot.sort({\n channel: \"x\"\n }, Plot.dodgeX(\n {\n padding: 9,\n }, {\n y: \"year\",\n src: \"header_image_thumbnail_url\",\n width: 14,\n title: (d) => \n `${d.title} \\n ${d.name}`,\n }))),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":5654,"value":"In 2012, [Sami Yenigun](https://twitter.com/sami_yenigun) reported for NPR that 2011 was [the year of swag](https://www.npr.org/sections/therecord/2011/12/26/143978319/it-was-a-good-year-for-swag) for hip-hop. Now that we can see the trend a little more clearly, it does look like 2011-2014 was the swag heyday and songs featuring swag in their title tapered visibly thereafter:","pinned":false,"hidden":false,"mode":"md"},{"id":682,"value":"Plot.plot({\n width,\n y: {\n grid: true,\n label: \"Songs including swag in their title ↑\"\n },\n x: {\n tickFormat: d3.format(\"d\"),\n label: null\n },\n marks: [\n Plot.barY(finalSongs.filter(d => d.year !== 1), // Metro Zu issue\n Plot.groupX({ \n y: \"count\",\n }, {\n x: \"year\",\n fill: \"#FF0080\",\n sort: {x: \"x\"},\n })),\n Plot.ruleY([0]),\n // Plot.text(finalSongs, {x: \"year\", y: \"count\", text: \"count\", dy: -5}),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":5689,"value":"Plot.plot({\n height: isMobile ? 400 : 570,\n width,\n marginLeft: isMobile ? 125: 365,\n marginRight: isMobile ? 30 :52,\n x: {\n grid: true,\n tickFormat: d3.format(\"d\")\n },\n marks: [\n Plot.dot(finalSongs.filter(d => d.year !== 1 && d.year >= 2007), \n Plot.dodgeY({\n x: \"year\", \n fill: \"#FF0080\", \n anchor: \"top\",\n title: (d) => \n `${d.title} \\n ${d.release_date_for_display} \\n ${d.name}`,\n r: isMobile ? 2 : 4,\n }))\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":7690,"value":"We have pageview information in our dataset for any song pages with over 1,000 views. Pageviews in this case are calculated by Genius and then synced with Google Analytics. It's not the best metric for measuring popularity (maybe better for measuring SEO), but it gives us a small indicator when comparing songs.\n\nAnother flawed metric, we also have the Genius IQ. You can read more about how it is \"precisely\" calculated [here](https://genius.com/8839950), but in general, users (including artists) get more IQ when they write, edit, accept and upvote annotations (song lyrics) among other things. So of course, an artist's IQ has a lot to do with how active they are on Genius.com.\n\nLooks like A$AP Rocky swag hits are standouts in both metrics:","pinned":false,"hidden":false,"mode":"md"},{"id":6015,"value":"

Page Views

Genius IQ

\n ${pageViews}\n

\n ${iqChart}\n

","pinned":false,"hidden":false,"mode":"html"},{"id":2216,"value":"So is A$AP Rocky one of the contender for the swag 👑? Let's take a look at how many hits he has compared to other artists in our dataset.","pinned":false,"hidden":false,"mode":"md"},{"id":8058,"value":"DownTheRabbitHoleWeGo!","pinned":false,"hidden":false,"mode":"md"},{"id":7876,"value":"# Swag on Repeat","pinned":false,"hidden":false,"mode":"md"},{"id":7879,"value":"First we're going to need to count how many times each artist (or primary artist group) appears in our dataset:","pinned":false,"hidden":false,"mode":"md"},{"id":2132,"value":"// https://stackoverflow.com/questions/29957390/counting-occurrences-of-object-values\nartistOccurances = finalSongs.reduce(function(sums, entry) {\n sums[entry.name] = (sums[entry.name] || 0) + 1;\n return sums;\n}, {});","pinned":false,"hidden":false,"mode":"ojs"},{"id":2163,"value":"// https://stackoverflow.com/questions/29957390/counting-occurrences-of-object-values\nseparate = obj => {\n const res = [];\n const keys = Object.keys(obj);\n keys.forEach(key => {\n res.push({\n artist_name: key,\n count: obj[key]\n });\n });\n return res;\n};","pinned":false,"hidden":false,"mode":"ojs"},{"id":2170,"value":"artistSwagCounts = separate(artistOccurances)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2218,"value":"Now, you can decide how many mentions of swag is representative of a commitment to the word. I'd say we should set a minimum of two songs:","pinned":false,"hidden":false,"mode":"md"},{"id":2222,"value":"viewof yMax = Inputs.range([2, 17], {label: \"Mentions of swag, at least:\", step: 1, value: isMobile ? 3 :2})","pinned":false,"hidden":false,"mode":"ojs"},{"id":4850,"value":"### Artist who has at least ${yMax} songs with \"swag\" in the title","pinned":false,"hidden":false,"mode":"md"},{"id":2146,"value":"Plot.plot({\n width,\n height: 500,\n marginBottom: 110,\n y: {\n grid: true,\n label: \"Swag count ↑\",\n axis: null\n },\n x: {\n tickRotate: -45,\n label: \"Artist(s) name(s)\"\n },\n marks: [\n Plot.barY(artistSwagCounts.filter(d => d.count >= yMax), {\n x: \"artist_name\",\n y: \"count\",\n fill: \"#FF0080\",\n sort: {x: \"y\", reverse: true},\n }),\n Plot.ruleY([0]),\n Plot.text(artistSwagCounts, {x: \"artist_name\", y: \"count\", text: d => d.count, dy: -5}),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":4902,"value":"Looks like A$AP Rocky is in sixth. But with only three swag songs, he's overshadowed for the crown. You can choose one of our swag artists below to start getting an idea of the length of their career in swag by when they released a song:","pinned":false,"hidden":false,"mode":"md"},{"id":5218,"value":"selectedSwaggerSongs = finalSongs.filter(d => d.name === selectedSwagger)","pinned":false,"hidden":false,"mode":"ojs"},{"id":4854,"value":"viewof selectedSwagger = Inputs.select([...new Set(artistSwagCounts.map(item => item.artist_name))], {label: \"Select swag artist\", step: 1, value: \"Bello Figo\", sort: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":4866,"value":"Plot.plot({\n height: 140,\n width,\n x: {\n grid: true,\n tickFormat: d3.format(\"d\"),\n label: null,\n },\n marks: [\n Plot.dot(finalSongs.filter(d => d.name === selectedSwagger), \n Plot.dodgeY({\n x: \"year\", \n anchor: \"middle\",\n title: (d) => \n `${d.title} \\n ${d.release_date_for_display === null ? d.year : d.release_date_for_display}`,\n r: 6,\n fill: \"#FF0080\"\n }))\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":5222,"value":"Plot.plot({\n height: 140,\n width,\n marginBottom: 20,\n x: { \n inset: 15,\n tickFormat: d3.format(\"d\"),\n label: null,\n axis: null\n },\n y: {\n inset: 20,\n reverse: true,\n label: null\n },\n marks: [\n Plot.image(selectedSwaggerSongs, \n Plot.sort({\n channel: \"y\"\n }, Plot.dodgeY(\n {\n padding: selectedSwaggerSongs.length < 5 ? 30 : 12,\n anchor: \"top\",\n }, {\n x: \"year\",\n src: \"header_image_thumbnail_url\",\n width: selectedSwaggerSongs.length < 5 ? 50 : 23,\n title: (d) => \n `${d.title} \\n ${d.release_date_for_display === null ? d.year : d.release_date_for_display}`,\n }))),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":990,"value":"With significant distance, four artists rise to the top: Soulja Boy, Bello Figo, Money Boy and Lil B. Let's map their titles together so we can better compare:","pinned":false,"hidden":false,"mode":"md"},{"id":5198,"value":"topFour = finalSongs.filter(d => d.name === \"Soulja Boy\" || d.name === \"Soulja Boy Tell ’Em & Lil B\" || d.name === \"Bello Figo\" || d.name === \"Money Boy\" || d.name === \"Lil B\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":6167,"value":"$32","pinned":false,"hidden":false,"mode":"md"},{"id":5318,"value":"Plot.plot({\n height: 350,\n width,\n facet: {\n data: topFour,\n y: \"name\",\n label: null,\n marginLeft: 130,\n grid: true,\n // domain: [\"Soulja Boy\", \"Money Boy\", \"Lil B\", \"Bello Figo\", \"Soulja Boy Tell 'Em & Lil B\"]\n },\n x: {\n axis: \"top\",\n tickFormat: d3.format(\"d\"),\n label: null,\n },\n y: {\n grid: true,\n },\n // fy: { \n // domain: d3.groupSort(topFour, d => d.year)\n // },\n marks: [\n Plot.dot(topFour, \n Plot.dodgeY({\n x: \"year\", \n fill: \"currentColor\", \n anchor: \"middle\",\n title: (d) => \n `${d.title} \\n ${d.release_date_for_display === null ? d.year : d.release_date_for_display} \\n ${d.artist_names}`,\n r: 4,\n fill: \"name\"\n })),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":6142,"value":"$33","pinned":false,"hidden":false,"mode":"md"},{"id":5897,"value":"moreThanTwo = artistSwagCounts.slice().sort((a, b) => d3.ascending(a.count, b.count)).filter(d => d.count >= 2)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5835,"value":"listOfArtists = [...new Set(moreThanTwo.map(item => item.artist_name))];","pinned":false,"hidden":false,"mode":"ojs"},{"id":5832,"value":"artistSwagCareer = finalSongs.filter(function (el) {\n return listOfArtists.indexOf(el.name) > -1;\n});","pinned":false,"hidden":false,"mode":"ojs"},{"id":5806,"value":"dotCareers = DotPlot(artistSwagCareer, {\n marginLeft: 70,\n r: 0, \n colors: \"#FF0080\",\n x: d => d.year,\n y: d => d.name,\n stroke: \"#FF0080\",\n fill: \"#FF0080\",\n xFormat: \"d\",\n strokeWidth: 6,\n strokeLinecap: \"round\",\n width, \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":8063,"value":"DownTheRabbitHoleWeGo!","pinned":false,"hidden":false,"mode":"md"},{"id":8060,"value":"# Hopped Up Out The Bed As King, I Guess","pinned":false,"hidden":false,"mode":"md"},{"id":5280,"value":"So let's give him his due. \n\nSoulja Boy has eighteen solo hits (including remixes) with swag titles listed in our dataset:","pinned":false,"hidden":false,"mode":"md"},{"id":6260,"value":"Plot.plot({\n height: 155,\n width,\n marginTop: 10,\n x: { \n label: null,\n axis: null\n },\n y: {\n label: null\n },\n marks: [\n Plot.image(finalSongs.filter(d => d.name === \"Soulja Boy\"), \n Plot.sort({\n channel: \"y\"\n }, Plot.dodgeY(\n {\n padding: 30,\n anchor: \"top\",\n }, {\n x: \"header_image_thumbnail_url\",\n src: \"header_image_thumbnail_url\",\n width: 70,\n title: (d) => \n `${d.title} \\n ${d.release_date_for_display === null ? d.year : d.release_date_for_display}`,\n }))),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":7387,"value":"But not all of his songs are equal in swag. I've scraped all of Soulja Boy's songs entitled swag from Genius.com and [did a little bit of parsing in the data notebook](https://observablehq.com/d/6e1e37c32dddcafd#cell-1162). (By the way, the parser isn't perfect, feel free to comment or make a fork with suggestions!)\n\nLet's import them here:","pinned":false,"hidden":false,"mode":"md"},{"id":7232,"value":"import {souljaBoySongs} from \"@wiederkehra/swag-analysis-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":7396,"value":"From here we can calculate the swag count (number of times \"swag\" is said in the song) and swag proportion (swag count as a share of all other words in the song):","pinned":false,"hidden":false,"mode":"md"},{"id":3121,"value":"viewof selectedMetric = Inputs.select(\n new Map([\n [\"Swag Count\", \"swagCount\"],\n [\"Swag Proportion\", \"freq\"],\n ]),\n {value: \"swagCount\", label: \"Choose a metric\", sort: true, unique: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":7943,"value":"

Songs by ${selectedMetric === \"swagCount\" ? \"Swag Count\" : \"Swag Proportion\"}

","pinned":false,"hidden":false,"mode":"md"},{"id":3087,"value":"Plot.plot({\n width,\n height: 500,\n marginBottom: 120,\n marginTop: 20,\n x: {\n label: null,\n tickSize: 0,\n tickRotate: -45,\n },\n y: {\n label: null,\n // label: selectedMetric === \"swagCount\" ? \"Swag count ↑\" : \"Swag proportion ↑\",\n tickFormat: selectedMetric === \"swagCount\" ? d3.format(\"d\") : d3.format(\",.1%\"), \n },\n marks: [\n Plot.ruleY([0]),\n Plot.ruleX(souljaBoySongs, \n {\n x: \"title\", \n y: selectedMetric, \n strokeWidth: 5, \n sort: {x: \"y\", reverse: true}\n }),\n Plot.dot(souljaBoySongs, \n {\n x: \"title\", \n y: selectedMetric, \n fill: \"#FF0080\", \n r: 6, \n stroke: \"#FFFFFF\", \n sort: {x: \"y\", reverse: true}\n }),\n // Plot.text(souljaBoySongs, {x: \"title\", y: selectedMetric, text: selectedMetric === \"freq\" ? d => d.freq * 100 : d => d.swagCount, dy: -15}),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":8018,"value":"$34","pinned":false,"hidden":false,"mode":"md"},{"id":6318,"value":"$35","pinned":false,"hidden":false,"mode":"html"},{"id":8110,"value":"To celebrate Soulja's royalty as ✨Swag King,✨ I give you a Spotify playlist of all of the hits available on Spotify from our results data. See how long you can stand it. ","pinned":false,"hidden":false,"mode":"md"},{"id":8112,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":8132,"value":"DownTheRabbitHoleWeGo!","pinned":false,"hidden":false,"mode":"md"},{"id":8114,"value":"Thanks to [Henri](https://observablehq.com/@hbattiste) for the inspiration, [Ian](https://observablehq.com/@enjalot) and [Michael](https://observablehq.com/@mythmon) for helping wrangle CORS, and [Fabian](https://observablehq.com/@mootari) for all of your help with refactoring and further wrangling CORS in the data notebook.\n\n**As always:** Questions, comments, suggestions and forks are welcome! Particularly if you have nicer ways to refactor code 🖤","pinned":false,"hidden":false,"mode":"md"},{"id":1942,"value":"DownTheRabbitHoleWeGo!","pinned":false,"hidden":false,"mode":"md"},{"id":2582,"value":"**_Vars, minimal style defs and imports_**","pinned":false,"hidden":false,"mode":"md"},{"id":605,"value":"isMobile = width < 768","pinned":false,"hidden":false,"mode":"ojs"},{"id":7738,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":6060,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":853,"value":"import {arr2db} from \"@observablehq/array-to-db\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2584,"value":"import {Plot} from \"@mkfreeman/plot-tooltip\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":454,"value":"import {WordCloud} from \"@d3/word-cloud\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":5801,"value":"import {DotPlot} from \"@d3/dot-plot\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":4913,"value":"import {BubbleChart} from \"@d3/bubble-chart\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":132,"value":"**_Sources, references and stray links_**\n- [Data notebook](https://observablehq.com/d/6e1e37c32dddcafd) that powers this notebook\n- [Genius API via NPM](https://www.npmjs.com/package/genius-lyrics-api)\n- [Who Invented Swag](https://slate.com/culture/2012/03/who-invented-swag-and-swagger-jay-z-soulja-boy-brand-nubian.html) via Slate\n- [Swag, searched](https://www.lyrics.com/serp.php?st=SWAG&dec=1990) via lyrics.com\n- [Swag, searched](https://genius.com/search?q=swag) via genius.com\n- [Jagger Swagger / Swagger Jagger](https://www.urbandictionary.com/define.php?term=Jagger%20Swagger), necessarily knowledge\n- The best video in the dataset: [Science YouTube Video](https://www.youtube.com/user/StaticMunch)\n- [Swaggest Songs in 2013](https://www.bulldogbulletinonline.com/ae/2013/12/04/what-are-the-top-five-swag-songs/) per the student newspaper of Baldwin, Kansas","pinned":false,"hidden":false,"mode":"md"},{"id":6444,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":7405,"value":"**_Detached Charts_**","pinned":false,"hidden":false,"mode":"md"},{"id":5659,"value":"// bubble chart\npageViews = BubbleChart(finalSongs.filter(d => d.pageviews !== null && d.pageviews > 1),\n {\n label: d => [d.title, d.name, d.pageviews.toLocaleString(\"en\")].join(\"\\n\"), \n value: d => parseInt(d.pageviews),\n title: d => `${d.title} \\n ${d.pageviews.toLocaleString(\"en\")}`,\n fill: \"#FF0080\",\n padding: 3,\n marginLeft: 0,\n marginRight: 0,\n width: 600,\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":7648,"value":"// bubble chart\niqChart = BubbleChart(finalSongs.filter(d => d.iq > 1),\n {\n label: d => [d.title, d.name, d.iq.toLocaleString(\"en\")].join(\"\\n\"), \n value: d => d.iq,\n title: d => `${d.title} \\n ${d.iq.toLocaleString(\"en\")}`,\n fill: \"#FF0080\",\n // stroke: \"#FF0080\",\n // strokeWidth: 0.5,\n padding: 3,\n marginLeft: 0,\n marginRight: 0,\n width: 600,\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":6316,"value":"swagODWC = WordCloud(souljaBoySongs.filter(d => d.title === \"Swag OD\")[0].lyrics, {\n width: isMobile ? width : 260,\n marginLeft: 0,\n height: 450,\n invalidation // a promise to stop the simulation when the cell is re-run\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":6304,"value":"prettyBoySwagWC = WordCloud(souljaBoySongs.filter(d => d.title === \"Pretty Boy Swag\")[0].lyrics, {\n width: isMobile ? width : 260,\n height: 620,\n marginLeft: 0,\n invalidation // a promise to stop the simulation when the cell is re-run\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":6342,"value":"prettyBoySwagRemixWC = WordCloud(souljaBoySongs.filter(d => d.title === \"Pretty Boy Swag (Remix)\")[0].lyrics, {\n width: isMobile ? width : 260,\n height: 920,\n marginLeft: 0,\n invalidation // a promise to stop the simulation when the cell is re-run\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":6336,"value":"swagGetAtYouWC = WordCloud(souljaBoySongs.filter(d => d.title === \"Swag Get At You\")[0].lyrics, {\n width: isMobile ? width : 260,\n height: 1090,\n marginLeft: 0,\n invalidation // a promise to stop the simulation when the cell is re-run\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":6330,"value":"swisherWC = WordCloud(souljaBoySongs.filter(d => d.title === \"Swisher Sweet Swag\")[0].lyrics, {\n width: isMobile ? width : 260,\n height: 800,\n marginLeft: 0,\n invalidation // a promise to stop the simulation when the cell is re-run\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":7409,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":7407,"value":"**_Unused charts_**","pinned":false,"hidden":false,"mode":"md"},{"id":2065,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":1932,"value":"viewof selectedYear = Inputs.select(new Set(finalSongs.map(d => JSON.stringify((d.year)))), {value: \"2020\", label: \"Pick a year\", sort: true, unique: true, width: 300})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1924,"value":"Plot.plot({\n color: {\n legend: true\n },\n height: 200,\n width,\n x: {\n domain: [new Date(`${selectedYear}` + \"-01-01\"), new Date(`${selectedYear}`+ \"-12-31\")], \n grid: true\n },\n marks: [\n Plot.dot(finalSongs.filter(d => d.year === parseInt(selectedYear)), \n Plot.dodgeY({\n x: d => (new Date(d.release_date_for_display)), \n fill: \"currentColor\", \n anchor: \"middle\",\n title: (d) => \n `${d.title} \\n ${d.release_date_for_display} \\n ${d.artist_names}`,\n r: 6,\n fill: \"name\"\n }))\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2480,"value":"Plot.plot({\n height: 310,\n width,\n x: {\n grid: true,\n domain: [new Date(\"2003-01-01\"), new Date(\"2022-12-31\")],\n },\n marks: [\n Plot.dot(finalSongs, \n Plot.dodgeY({\n x: d => (new Date(d.release_date_for_display)), \n fill: \"currentColor\", \n anchor: \"middle\",\n title: (d) => \n `${d.title} \\n ${d.release_date_for_display} \\n ${d.name}`,\n r: 5,\n fill: \"name\"\n }))\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":4923,"value":"bubbleCount = BubbleChart(artistSwagCounts.filter(d => d.count >= 2),\n {\n label: d => [d.artist_name, d.count.toLocaleString(\"en-EN\")].join(\"\\n\"),\n value: d => parseInt(d.count),\n group: d => d.artist_name,\n title: d => `${d.artist_name}\\n${d.count.toLocaleString(\"en\")}`,\n height: 400\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1021,"value":"Plot.plot({\n height: 130,\n width,\n x: { \n grid: true,\n },\n y: {\n inset: 20,\n reverse: true,\n },\n marks: [\n Plot.image(swagSongs.filter(d => d.year === 2011), \n Plot.sort({\n channel: \"y\"\n }, Plot.dodgeY(\n {\n padding: 20,\n }, {\n x: d => (new Date(d.release_date_for_display)),\n src: \"header_image_thumbnail_url\",\n width: 30,\n title: (d) => \n `${d.full_title}`,\n }))),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1073,"value":"Plot.plot({\n height: 120,\n width,\n x: { \n grid: true,\n },\n y: {\n inset: 20,\n reverse: true,\n },\n marks: [\n Plot.image(swagSongs.filter(d => d.year === 2012), \n Plot.sort({\n channel: \"y\"\n }, Plot.dodgeY(\n {\n padding: 12,\n }, {\n x: d => (new Date(d.release_date_for_display)),\n src: \"header_image_thumbnail_url\",\n width: 30,\n title: (d) => \n `${d.full_title}`,\n }))),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1154,"value":"Plot.plot({\n height: 160,\n width,\n x: { \n grid: true,\n },\n y: {\n inset: 20,\n reverse: true,\n },\n marks: [\n Plot.image(swagSongs.filter(d => d.year === 2014), \n Plot.sort({\n channel: \"y\"\n }, Plot.dodgeY(\n {\n padding: 20\n ,\n }, {\n x: d => (new Date(d.release_date_for_display)),\n src: \"header_image_thumbnail_url\",\n width: 30,\n title: (d) => \n `${d.full_title}`,\n }))),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1058,"value":"Plot.plot({\n height: 80,\n width,\n x: { \n grid: true,\n },\n y: {\n inset: 20,\n reverse: true,\n },\n marks: [\n Plot.image(swagSongs.filter(d => d.id === 651904), // Bello Figo ID\n Plot.sort({\n channel: \"y\"\n }, Plot.dodgeY(\n {\n padding: 12,\n }, {\n x: d => (new Date(d.release_date_for_display)),\n src: \"header_image_thumbnail_url\",\n width:30,\n title: (d) => \n `${d.title}`,\n }))),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1544,"value":"---","pinned":false,"hidden":false,"mode":"md"}],"files":"$W38","stdlib":"1","titling":"auto"}