29:null 2a:["$","title",null,{"children":"Comparing Speak Now (2010) and Speak Now (Taylor's Version) (2023) with Spotify data | Robson Junior | Observable"}] 2f:T5eb,md`# The data For this analysis, I've used "audio features," some data that describe how a song sounds like and that can be retrieved from the [Spotify Web API](https://developer.spotify.com/) with some help from the [spotify-web-sdk](https://www.npmjs.com/package/spotify-web-sdk). Here are the descriptions of the ones I used, straight from the official documentation: - **Acousticness:** A confidence measure from 0.0 to 1.0 of whether the track is acoustic. 1.0 represents high confidence the track is acoustic. - **Danceability:** Danceability describes how suitable a track is for dancing based on a combination of musical elements including tempo, rhythm stability, beat strength, and overall regularity. A value of 0.0 is least danceable and 1.0 is most danceable. - **Energy:** Energy is a measure from 0.0 to 1.0 and represents a perceptual measure of intensity and activity. Typically, energetic tracks feel fast, loud, and noisy. - **Valence:** A measure from 0.0 to 1.0 describing the musical positiveness conveyed by a track. Tracks with high valence sound more positive (e.g. happy, cheerful, euphoric), while tracks with low valence sound more negative (e.g. sad, depressed, angry). There are a few other audio features (you can refer to them and more details about the ones I used [here](https://developer.spotify.com/documentation/web-api/reference/#object-audiofeaturesobject)), but I noticed that they didn't change much or have relevant values for our comparison, at least in my impression.`30:T491,md`Are you a developer and are you curious to know how I used the [spotify-web-sdk](https://www.npmjs.com/package/spotify-web-sdk) to retrieve data from the Spotify Web API? Check the code in this cell and in the following ones!` /* spotify = require('spotify-web-sdk@0.7.0/build/dist/spotify-web-sdk.js'); spotify.init({ token: "SPOTIFY_TOKEN" }); taylorsIds = { const id = "4hDok0OAJd57SGIT8xuWJH" const t = (await spotify.getAlbumTracks(id, { limit: 50 })).items.map(i => ({ id: i.id, name: i.name })); return t; } originalIds = { const id = "2gP2LMVcIFgVczSJqn340t"; const t = (await spotify.getAlbumTracks(id, { limit: 50 })).items.map(i => ({ id: i.id, name: i.name })); t.push({ "id": "4pFvEWbjBpPUdYRQly0THs", "name": "Today Was A Fairytale" }); return t; } afOriginal = { const aFs = await spotify.getAudioFeaturesForSeveralTracks(originalIds.map(i => i.id)); return aFs.map((aF, index) => ({ ...aF, name: originalIds[index].name })); } afTaylors = { const aFs = await spotify.getAudioFeaturesForSeveralTracks(taylorsIds.map(i => i.id)); return aFs.map((aF, index) => ({ ...aF, name: taylorsIds[index].name })); } */31:T2a9e,function RadarChart(data, options) { ///////////////////////////////////////////////////////// /////////////////// Helper Function ///////////////////// ///////////////////////////////////////////////////////// //Taken from http://bl.ocks.org/mbostock/7555321 //Wraps SVG text function wrap(text, width) { text.each(function() { var text = d3.select(this), words = text .text() .split(/\s+/) .reverse(), word, line = [], lineNumber = 0, lineHeight = 1.4, // ems y = text.attr("y"), x = text.attr("x"), dy = parseFloat(text.attr("dy")), tspan = text .text(null) .append("tspan") .attr("x", x) .attr("y", y) .attr("dy", dy + "em"); while ((word = words.pop())) { line.push(word); tspan.text(line.join(" ")); if (tspan.node().getComputedTextLength() > width) { line.pop(); tspan.text(line.join(" ")); line = [word]; tspan = text .append("tspan") .attr("x", x) .attr("y", y) .attr("dy", ++lineNumber * lineHeight + dy + "em") .text(word); } } }); } //wrap var cfg = { w: 600, // Width of the circle h: 600, // Height of the circle margin: { top: 20, right: 20, bottom: 20, left: 20 }, // The margins of the SVG levels: 3, // How many levels or inner circles should there be drawn maxValue: 0, // What is the value that the biggest circle will represent labelFactor: 1.25, // How much farther than the radius of the outer circle should the labels be placed wrapWidth: 60, // The number of pixels after which a label needs to be given a new line opacityArea: 0.1, // The opacity of the area of the blob dotRadius: 4, // The size of the colored circles of each blog opacityCircles: 0.1, // The opacity of the circles of each blob strokeWidth: 4, // The width of the stroke around each blob roundStrokes: false, // If true the area and stroke will follow a round path (cardinal-closed) color: d3.scaleOrdinal(d3.schemeCategory10) // Color function }; //Put all of the options into a variable called cfg if ("undefined" !== typeof options) { for (var i in options) { if ("undefined" !== typeof options[i]) { cfg[i] = options[i]; } } //for i } //if //If the supplied maxValue is smaller than the actual one, replace by the max in the data var maxValue = Math.max( cfg.maxValue, d3.max(data, function(i) { return d3.max( i.map(function(o) { return o.value; }) ); }) ); var allAxis = data[0].map(function(i, j) { return i.axis; }), //Names of each axis total = allAxis.length, //The number of different axes radius = Math.min(cfg.w / 2, cfg.h / 2), //Radius of the outermost circle Format = d3.format(".1%"), //Percentage formatting angleSlice = (Math.PI * 2) / total; //The width in radians of each "slice" var rScale = d3 .scaleLinear() .range([0, radius]) .domain([0, maxValue]); ///////////////////////////////////////////////////////// //////////// Create the container SVG and g ///////////// ///////////////////////////////////////////////////////// var height = cfg.h + cfg.margin.top + cfg.margin.bottom; var width = cfg.w + cfg.margin.left + cfg.margin.right; var svg = d3 .select(DOM.svg(width, height)) .attr("class", +new Date()); var g = svg .append("g") .attr( "transform", "translate(" + (cfg.w / 2 + cfg.margin.left) + "," + (cfg.h / 2 + cfg.margin.top) + ")" ); ///////////////////////////////////////////////////////// ////////// Glow filter for some extra pizzazz /////////// ///////////////////////////////////////////////////////// //Filter for the outside glow var filter = g .append("defs") .append("filter") .attr("id", "glow"), feGaussianBlur = filter .append("feGaussianBlur") .attr("stdDeviation", "2.5") .attr("result", "coloredBlur"), feMerge = filter.append("feMerge"), feMergeNode_1 = feMerge.append("feMergeNode").attr("in", "coloredBlur"), feMergeNode_2 = feMerge.append("feMergeNode").attr("in", "SourceGraphic"); ///////////////////////////////////////////////////////// /////////////// Draw the Circular grid ////////////////// ///////////////////////////////////////////////////////// //Wrapper for the grid & axes var axisGrid = g.append("g").attr("class", "axisWrapper"); // Draw the background circles axisGrid .selectAll(".levels") .data(d3.range(1, cfg.levels + 1).reverse()) .enter() .append("circle") .attr("class", "gridCircle") .attr("r", function(d, i) { return (radius / cfg.levels) * d; }) .style("fill", "white") .style("stroke", "#CDCDCD") .style("stroke-dasharray", function(d, i) { if (d % 2 == 1) { return "5 5" } }) .style("filter", "url(#glow)"); ///////////////////////////////////////////////////////// //////////////////// Draw the axes ////////////////////// ///////////////////////////////////////////////////////// // Create the straight lines radiating outward from the center var axis = axisGrid .selectAll(".axis") .data(allAxis) .enter() .append("g") .attr("class", "axis"); // Append the lines axis .append("line") .attr("x1", 0) .attr("y1", 0) .attr("x2", function(d, i) { return rScale(maxValue * 1.1) * Math.cos(angleSlice * i - Math.PI / 2); }) .attr("y2", function(d, i) { return rScale(maxValue * 1.1) * Math.sin(angleSlice * i - Math.PI / 2); }) .attr("class", "line") .style("stroke", "gray") .style('opacity', 0.3) .style("stroke-width", "2px"); // Append the labels at each axis axis .append("text") .attr("class", "legend") .style("font-size", "16px") .style('font-weight', 700) .attr("text-anchor", "middle") .attr("dy", "0.35em") .attr("x", function(d, i) { return ( rScale(maxValue * cfg.labelFactor) * Math.cos(angleSlice * i - Math.PI / 2) ); }) .attr("y", function(d, i) { return ( rScale(maxValue * cfg.labelFactor) * Math.sin(angleSlice * i - Math.PI / 2) ); }) .text(function(d) { return d; }) .call(wrap, cfg.wrapWidth); ///////////////////////////////////////////////////////// ///////////// Draw the radar chart blobs //////////////// ///////////////////////////////////////////////////////// // The radial line function var radarLine = d3 .lineRadial() .curve(d3.curveBasisClosed) .radius(function(d) { return rScale(d.value); }) .angle(function(d, i) { return i * angleSlice; }); if (cfg.roundStrokes) { radarLine.curve(d3.curveCardinalClosed); } // Create a wrapper for the blobs var blobWrapper = g .selectAll(".radarWrapper") .data(data) .enter() .append("g") .attr("class", "radarWrapper"); // Create the outlines blobWrapper .append("path") .attr("class", "radarStroke") .attr("d", function(d, i) { return radarLine(d); }) .style("stroke-width", cfg.strokeWidth + "px") .style("stroke", function(d, i) { return cfg.color(i); }) .style("fill", "none") .style("filter", "url(#glow)"); // Append the circles blobWrapper .selectAll(".radarCircle") .data(function(d, i) { return d; }) .enter() .append("circle") .attr("class", "radarCircle") .attr("r", cfg.dotRadius) .attr("cx", function(d, i) { return rScale(d.value) * Math.cos(angleSlice * i - Math.PI / 2); }) .attr("cy", function(d, i) { return rScale(d.value) * Math.sin(angleSlice * i - Math.PI / 2); }) .style("fill", 'black') .style("fill-opacity", 0.3); ///////////////////////////////////////////////////////// //////// Append invisible circles for tooltip /////////// ///////////////////////////////////////////////////////// // Wrapper for the invisible circles on top let blobCircleWrapper = g .selectAll(".radarCircleWrapper") .data(data) .enter() .append("g") .attr("class", "radarCircleWrapper"); let tooltip = d3.select('body') .append('div') .style('opacity', 0) .style('position', 'absolute') .style('text-align', 'center') .style('padding', '1rem') .style('pointer-events', 'none') .style('background-color', '#130D0A') .style('font-size', '16px') .style('color', 'white') .style('border-radius', '12px'); // Append a set of invisible circles on top for the mouseover pop-up blobCircleWrapper .selectAll(".radarInvisibleCircle") .data(function(d, i) { return d; }) .enter() .append("circle") .attr("class", "radarInvisibleCircle") .attr("r", cfg.dotRadius * 1) .attr("cx", function(d, i) { return rScale(d.value) * Math.cos(angleSlice * i - Math.PI / 2); }) .attr("cy", function(d, i) { return rScale(d.value) * Math.sin(angleSlice * i - Math.PI / 2); }) .style("fill", "none") .style("pointer-events", "all") .on("mouseover", function(d) { tooltip.style("opacity", 1) }) .on("mousemove", function(d, i) { const feature = d.axis; const valueOriginal = data.length == 2 ? (100 * data[1].find(d => d.axis == feature).value).toFixed(2) : undefined; const valueTaylors = (100 * data[0].find(d => d.axis == feature).value).toFixed(2); tooltip.html(` ${feature}
${valueOriginal ? `- Original: ${valueOriginal}%
`: ''} - Taylor's: ${valueTaylors}% `) .style("left", d3.event.pageX + 10 + "px") .style("top", d3.event.pageY + 10 + "px"); }) .on("mouseleave", function(d) { tooltip.transition() .duration(200) .style("opacity", 0) }); // Legends (Based on https://www.d3-graph-gallery.com/graph/custom_legend.html) const x = -64; const y = cfg.h / 2 + 100; data.length == 2 && g.append("circle") .attr("cx", x) .attr("cy", y) .attr("r", 6) .style("fill", "#F3A1A3"); g.append("circle") .attr("cx", x) .attr("cy", y + 24) .attr("r", 6) .style("fill", "#C8A261"); data.length == 2 && g.append("text") .attr("x", x + 20) .attr("y", y) .text("Original (2008)") .style("font-size", "16px") .attr("alignment-baseline", "middle"); g.append("text") .attr("x", x + 20) .attr("y", y + 24) .text("Taylor's Version (2021)") .style("font-size", "16px") .attr("alignment-baseline","middle"); return svg.node(); }32:[] 2d:{"id":"a380ac0b074b6144","slug":null,"title":"Comparing Speak Now (2010) and Speak Now (Taylor's Version) (2023) with Spotify data","thumbnail":"1e9b71bf53cfde42cb215695918c13a0c096117086d6d2684bb5273734f3a906","access_level":"public","create_time":"$D2023-07-08T00:50:19.682Z","update_time":"$D2023-07-08T01:16:12.673Z","view_time":null,"first_public_time":"$D2023-07-08T00:50:19.682Z","fork":{"id":"af5ee1091ccb165a","slug":"spotify-data-compare-fearless-2008-taylors-version","title":"Comparing Fearless (2008) and Taylor's Version (2021) with Spotify data","owner":{"id":"9c2b999302b165ed","login":"jrobsonjr","name":"Robson Junior"}},"stars":0,"starred":false,"owner":{"type":"team","id":"9c2b999302b165ed","login":"jrobsonjr","name":"Robson Junior","avatar_url":"https://avatars-next.observableusercontent.com/a62df97ce3ada2d31be90e8692ead3ec34390a3235f263c26defae4c08aa1ae4","tier":"starter_2024"},"version":2072,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fe35e3f2ef1b1ba3","login":"jrobsonjr","name":"Robson Junior","avatar_url":"https://avatars-next.observableusercontent.com/a62df97ce3ada2d31be90e8692ead3ec34390a3235f263c26defae4c08aa1ae4","tier":null}],"members":[{"type":"individual","id":"fe35e3f2ef1b1ba3","login":"jrobsonjr","name":"Robson Junior","avatar_url":"https://avatars-next.observableusercontent.com/a62df97ce3ada2d31be90e8692ead3ec34390a3235f263c26defae4c08aa1ae4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Comparing Speak Now (2010) and Speak Now (Taylor's Version) (2023) with Spotify data","cells":[{"id":0,"value":"md`# Comparing Speak Now (2010) and Speak Now (Taylor's Version) (2023) with Spotify data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1513,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1793,"value":"md`Taylor kept us well-fed during the whole year of 2020, and even though we can't overlook that, we're certainly glad that **Fearless (Taylor's Version)** is finally among us!\n\nI was curious about how the re-recordings would sound, and the straightforward verdict after a bunch of listens is that they stay very true to the original versions, although Taylor's consistency can't shock me anymore. \n\nSince she announced the releases, I've been planning on using Spotify data to try to analyze how the 2021 recordings differ from the 2008 release.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":603,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1801,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1818,"value":"md`I chose [radar charts](https://en.wikipedia.org/wiki/Radar_chart) for comparing each track since I only compare two pieces of data at a time (the original version and Taylor's version). I did this inspired by an amazing article from the New York Times about songs of the summer ([check it out!](https://www.nytimes.com/interactive/2018/08/09/opinion/do-songs-of-the-summer-sound-the-same.html)). The radar chart implementation is based on [this notebook](https://observablehq.com/@rayraegah/radar-chart), with some adaptations.\n\nOh, by the way, you can check the exact values (in percent) of each attribute by hovering your mouse on the points. Here's an example:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1812,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1830,"value":"md`With that settled, how about we jump into it *head first, fearless*?`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2012,"value":"md`> **Note:** This page wasn't built with 100% attention to responsivity, so try to view it in a desktop device if you can!`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1499,"value":"md`# Re-recorded tracks`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":966,"value":"md`## Fearless`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1473,"value":"md`*There's something 'bout the way* this is one of the most faithful songs to its original version and knowing Taylor, it wasn't by chance — she begins the record by displaying her seriousness in replicating her previous work in the best way possible, improving where it was needed. And we know the title track had nothing to change.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":963,"value":"plotRadarChart(\"Mine\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":990,"value":"md`## Fifteen`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1477,"value":"md`It's weird how **Fifteen** already seemed written by a much older and wiser person, and now it feels that 31-year-old Taylor matches perfectly the sisterly nature of the record. Looks like now she's even more confident that she'd do things *\"greater than dating the boy on the football team\"*.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":817,"value":"plotRadarChart(\"Sparks Fly\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":995,"value":"md`## Love Story`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1481,"value":"md`**Love Story** was the first one we had a taste of, and it's one of the best displays of Taylor's attention to detail.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":819,"value":"plotRadarChart('Back To December');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1000,"value":"md`## Hey Stephen`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1462,"value":"md`Hey Stephen maintains its position as the happiest and most danceable song in the whole record, and let's just say, it's the cutest one. Thanks for everything, Stephen. (By the way, the chart looks just as wide as the smile on my face when I listened to this one for the first time).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":821,"value":"plotRadarChart('Speak Now');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1004,"value":"md`## White Horse`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1436,"value":"md`The winner of the 2010 Grammy Awards for *Best Country Song* and *Best Female Country Vocal Performance* is the first one with noticeable differences in the Spotify data, but it's still a sad-cowboy-emoji-worthy song.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":823,"value":"plotRadarChart('White Horse');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1008,"value":"md`## You Belong With Me`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1544,"value":"md`A standout track in Fearless and probably Taylor's career, **You Belong With Me (Taylor's Version)** is a point in the album that you're already certain that you won't be needing to revisit the old records anymore.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":825,"value":"plotRadarChart('You Belong With Me');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1151,"value":"md`## Breathe (featuring Colbie Caillat)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1439,"value":"md`**Breathe (Taylor's Version)**, a ballad about the pain of losing a friend, also had a few noticeable changes, sounding slightly happier. This change also made it lose its position as the saddest song in Taylor's Version. I'll tell which one it is later, but here's a hint: it's one of the *From The Vault* songs.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":827,"value":"plotRadarChart('Breathe', 'Breathe (feat. Colbie Caillat)');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1148,"value":"md`## Tell Me Why`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1442,"value":"md`As it did in the original version, the energy peaks in **Tell Me Why (Taylor's Version)**, and if it was possible, it hits even HARDER.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":836,"value":"plotRadarChart('Tell Me Why');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1145,"value":"md`## You're Not Sorry`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1552,"value":"md`**You're Not Sorry (Taylor's Version)** is still one of her strongest power ballads, an intense counterpart to the sadder track 5.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":838,"value":"plotRadarChart('You\\'re Not Sorry', 'Not Sorry');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1139,"value":"md`## The Way I Loved You`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1556,"value":"md`**The Way I Loved You (Taylor's Version)** helped me rediscover this song one as one of my favorites. The biggest chills I felt during the whole album might be when she sings *\"just so FRUS-TRATING\"* just like the original 2008 track.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":878,"value":"plotRadarChart('The Way I Loved You');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1135,"value":"md`## Forever & Always`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1444,"value":"md`A slight up in the valence really helps **Forever & Always** differ even more from the piano version found later on Taylor's Version. It still sounds almost happy, until you pay attention to the lyrics.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":881,"value":"plotRadarChart('Forever & Always');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1131,"value":"md`## The Best Day`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1447,"value":"md`Taylor's homage to her mother still sounds devastatingly sad, but in... **the best way** possible.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":498,"value":"plotRadarChart('The Best Day');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1128,"value":"md`## Change`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1448,"value":"md`The original album closer sounds even more triumphant, especially since we're definitely giving it a whole new sense. *Hallelujah*!`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":885,"value":"plotRadarChart('Change');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1125,"value":"md`## Jump Then Fall`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1581,"value":"md`The opener to the *Fearless (Platinum Version)* album still has great track one energy, opening up the second set of songs.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":887,"value":"plotRadarChart('Jump Then Fall');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1122,"value":"md`## Untouchable`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1587,"value":"md`Taylor's saddest \"*in the middle of the night*\" sounds even more emotional and *precious*.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":889,"value":"plotRadarChart('Untouchable');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1119,"value":"md`## Forever & Always (Piano Version)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1451,"value":"md`I always loved **Forever & Always** for its versatility and the 2021 piano version had some minor melodic changes that made it even more appealing.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":891,"value":"plotRadarChart('Forever & Always - Piano Version', 'Forever & Always (Piano Version)');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1115,"value":"md`## Come In With The Rain`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1636,"value":"md`Taylor's more mature vocals make **Come In With The Rain (Taylor's Version)** flow more naturally than its original.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":894,"value":"plotRadarChart('Innocent');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1106,"value":"md`## Superstar`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1486,"value":"md`*\"I'm invisible and everyone knows who you are\"* sounds more like something anyone could sing to Taylor than the other way around (especially more than ten years later), but it still adds to the cuteness factor.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":900,"value":"plotRadarChart('Better Than Revenge');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1110,"value":"md`## Last Kiss`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1597,"value":"md`The beautiful recalls to the title track (*\"after everything in that little black dress\"*) shine even brighter like it closes yet another chapter in the record.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":904,"value":"plotRadarChart('Last Kiss');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1103,"value":"md`## Today Was A Fairytale`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1603,"value":"md`The only re-recorded track that wasn't in any of the Fearless earlier releases places itself gracefully in the tracklist. She might not be a princess in **White Horse**, but here she describes a fairytale-like date.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":906,"value":"plotRadarChart('Long Live');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1487,"value":"md`# From The Vault`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1611,"value":"md`Besides the re-recorded songs, we also got six brand new songs from Taylor's vault of unreleased tracks. We might not be able to compare these to the previous versions, but let's take a look at each of them.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1099,"value":"md`## You All Over Me (featuring Maren Morris)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1616,"value":"md`**You All Over Me** is one of the songs that display something that could only happen now, with Aaron Dessner co-producing it and Maren Morris dueting in a **Breathe**-style. And honestly, it makes much more sense than it would before, now that Taylor *\"lived, learned\"* and definitely *\"got burned\"*, with some sprinkles of references that would reappear in *1989*'s last track, **Clean**.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1053,"value":"plotRadarChart('You All Over Me (feat. Maren Morris)');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1094,"value":"md`## Mr. Perfectly Fine`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1467,"value":"md`**Mr. Perfectly Fine**'s radar chart looks a lot like **Forever & Always (Taylor's Version)**, which makes a lot of sense since they're allegedly about the same *Mr. Casually cruel*. The bad blood is in the past, but it does feel like this one could be part of the original tracklist.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1059,"value":"plotRadarChart('Mr. Perfectly Fine');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1081,"value":"md`## We Were Happy`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1464,"value":"md`If you thought this one was the saddest in Taylor's Version, you're completely right! A tearjerker straight from the vault, **We Were Happy** reminisces on a relationship that unfortunately had to end.\n\n**Fun fact:** the valence of this track is exactly 13%. Is it by chance? At this point, can we believe Taylor deals with COINCIDENCES?`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1061,"value":"plotRadarChart('We Were Happy');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1079,"value":"md`## That's When (featuring Keith Urban)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1468,"value":"md`A fun collaboration with Keith Urban about breaking up and asking for some space, but leaving *the window/front gate open* to let the ex-lover back whenever they want to.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1063,"value":"plotRadarChart('That’s When (feat. Keith Urban)');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1073,"value":"md`## Don't You`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1649,"value":"md`**Don't You** already works better for Taylor's more nuanced voice, especially after *folklore*/*evermore* and Jack Antonoff's refined expertise in perfectly balancing instrumentals with her vocals.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1065,"value":"plotRadarChart('Don’t You');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1072,"value":"md`## Bye Bye Baby`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1471,"value":"md`A fitting name for an album closer, as another chapter comes to an end: this time, we're past the point of no return in this relationship.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1067,"value":"plotRadarChart('When Emma Falls In Love');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1652,"value":"md`# Conclusions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1655,"value":"md`## Re-recordings\n\nOn average, the re-recordings sound strikingly familiar to Spotify's algorithms, with the most relevant change being the tracks sounding less acoustic (-31% in comparison with the original). The other changes are less impactful: Taylor's version is a tad less danceable (-7%), but also happier (+9%) and more energetic (+9%).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1658,"value":"plotRadarChartFromData([avgTaylors, avgOriginals])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1718,"value":"md`## From The Vault\n\nThe previously unreleased songs share similar values of danceability, energy, and valence, but they're much more acoustic than the re-recorded songs. Tracks like **You All Over Me** and **We Were Happy** account for much of this difference.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1673,"value":"plotRadarChartFromData([avgVault])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1742,"value":"md`# The verdict`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":85,"value":"md`You might be asking yourself: which one is the best? Well, Taylor didn't go through this meticulous yet loving process for us to even question. The REAL version is Taylor's Version. Go listen to it right now!`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1853,"value":"md`You can find me on [Twitter](http://twitter.com/jrosbojr), or [GitHub](https://github.com/JRobsonJr), for some other projects (some on music as well!).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1753,"value":"md`By the way, here's my favorite re-recording!`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1746,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1774,"value":"html`\n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1768,"value":"md`# The code`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1263,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2025,"value":"spotify = require('spotify-web-sdk@0.7.0/build/dist/spotify-web-sdk.js');","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2029,"value":"spotify.init({ token: \"BQDBpU1OJHLG7fY_ysd4_xRr_rPm-7wGbL_T_HMziCMjagxPKr9L261ys4-WFVjKGYCI3e6oZdhEKNFNC1mz3az_m2bBe-YzYEGnkUkjwDCPX8at9I63MnY9u9HIdO9QguZb-6lRCW94TUhyqvXPAPD4h-KC4z9FKeb8wtJibc-e7Ma3Z4kpRw \"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2035,"value":"taylorsIds = {\n const id = \"5AEDGbliTTfjOB8TSm1sxt\"\n const t = (await spotify.getAlbumTracks(id, { limit: 50 })).items.map(i => ({ id: i.id, name: i.name }));\n return t;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2037,"value":"originalIds = { \n const id = \"6S6JQWzUrJVcJLK4fi74Fw\";\n const t = (await spotify.getAlbumTracks(id, { limit: 50 })).items.map(i => ({ id: i.id, name: i.name }));\n return t;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2050,"value":"afOriginal = { \n const aFs = await spotify.getAudioFeaturesForSeveralTracks(originalIds.map(i => i.id));\n return aFs.map((aF, index) => ({ ...aF, name: originalIds[index].name }));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2058,"value":"afTaylors = { \n const aFs = await spotify.getAudioFeaturesForSeveralTracks(taylorsIds.map(i => i.id));\n return aFs.map((aF, index) => ({ ...aF, name: taylorsIds[index].name }));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1284,"value":"function generateData(trackName, trackNameTaylors) {\n const features = ['acousticness', 'danceability', 'energy', 'valence']; // 'liveness'];\n const taylors = afTaylors.find(aF => aF.name.includes(`${trackNameTaylors ? trackNameTaylors : trackName} (Taylor's Version)`));\n const taylorsData = features.map(feature => ({ axis: feature, value: taylors[feature] }));\n const original = afOriginal.find(aF => aF.name === trackName);\n if (original) {\n const originalData = features.map(feature => ({ axis: feature, value: original[feature] }));\n return [taylorsData, originalData];\n }\n \n return [taylorsData];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1289,"value":"getAverages = (audioFeatures) => {\n const features = ['acousticness', 'danceability', 'energy', 'valence'];\n const values = [0, 0, 0, 0];\n audioFeatures.map(aF => {\n features.map((f, i) => values[i] += aF[f] / audioFeatures.length);\n });\n return values.map((v, i) => ({ axis: features[i], value: v }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1294,"value":"avgOriginals = getAverages(afOriginal)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1302,"value":"avgTaylors = getAverages(afTaylors.slice(0, 20))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1661,"value":"avgVault = getAverages(afTaylors.slice(20))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1378,"value":"findMaxFeature = (audioFeatures, feature) => {\n return audioFeatures.find(v => v[feature] === Math.max(...audioFeatures.map(aF => aF[feature])))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1380,"value":"findMinFeature = (audioFeatures, feature) => {\n return audioFeatures.find(v => v[feature] === Math.min(...audioFeatures.map(aF => aF[feature])))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1305,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1308,"value":"function plotRadarChart(trackName, trackNameTaylors) {\n const innerWidth = window.innerWidth > 600 ? window.innerWidth * 0.75 : window.innerWidth;\n const margin = { top: 70, right: 0.1 * innerWidth, bottom: 140, left: 0.1 * innerWidth },\n width = window.innerWidth - margin.left - margin.right,\n height = 0.6 * innerWidth + 25;\n\n const data = generateData(trackName, trackNameTaylors);\n const color = d3.scaleOrdinal().range([\"#C8A261\", \"#F3A1A3\"]);\n\n const radarChartOptions = {\n w: width,\n h: height,\n margin: margin,\n maxValue: 1,\n levels: 2,\n roundStrokes: true,\n color: color\n };\n \n return RadarChart(data, radarChartOptions);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1355,"value":"function plotRadarChartFromData(data) {\n const innerWidth = window.innerWidth > 600 ? window.innerWidth * 0.75 : window.innerWidth;\n const margin = { top: 70, right: 0.1 * innerWidth, bottom: 140, left: 0.1 * innerWidth },\n width = window.innerWidth - margin.left - margin.right,\n height = 0.6 * innerWidth + 25;\n\n const color = d3.scaleOrdinal().range([\"#C8A261\", \"#F3A1A3\"]);\n\n const radarChartOptions = {\n w: width,\n h: height,\n margin: margin,\n maxValue: 1,\n levels: 2,\n roundStrokes: true,\n color: color\n };\n \n return RadarChart(data, radarChartOptions);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1311,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2e:"$2d:body"