2c:null 2d:["$","title",null,{"children":"Timeline Chart | Interactive Info Vis | Observable"}] 32:Taaa,chart = { const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); svg .append("g") .call(xAxis) .attr('transform', 'translate(10, 460)'); svg .append("g") .call(yAxis) .attr('transform', 'translate(40, 0)'); svg.append("g"); const rectangles = svg .selectAll() .data(formatted_data) .join(enter => enter.append("rect")) //.attr('x', d => scaleBand(d.name) + 20) .attr("x", d => x(+d.name)) //.attr('y', d => y(d.value)) .attr("y", d => { if (d.value < 0) { return y(0); } else { return y(d.value); } }) .transition() .duration(1000) // .attr('width', x.bandwidth()) .attr('width', (width - margin.left - margin.right) / 40) .attr("height", d => Math.abs(y(0) - y(d.value))) .attr("fill", d => color(d.key)); svg .selectAll("rect") .on("mouseover", function(d) { d3.select(this).attr('fill-opacity', '1'); tooltip.style("visibility", "visible").html(`

Year: ${d.target.__data__.name}

Album: ${cumulative_data.get(d.target.__data__.name).album}

Average Sentiment: ${Math.round(d.target.__data__.value * 1000) / 1000}

`); d3.select(this).attr('fill', '#eec42d'); }) // hover effects .on("mousemove", function(e) { tooltip .style("top", e.pageY - 10 + "px") .style("left", e.pageX + 10 + "px"); }) .on("mouseout", function() { //d3.select(this).attr('fill-opacity', '0.8'); tooltip.style("visibility", "hidden"); d3.select(this) .transition() .attr('fill', d => color(d.key)); }); rectangles.selectAll('rect').on('click', function(d) { d3.select(this) .transition() // .ease(d3.easeLinear) // See also d3.easeCubicInOut, d3.easeQuadInOut // .duration(750) // 750 is the default duration in milliseconds. .attr('fill', d => color(d.key)) // we can change color! .attr('x', 250) .attr('y', 250); }); // x-axis label svg .append("text") .text("Years") .style("font-size", "12px") .attr("text-anchor", "middle") .attr("transform", "translate(500, 600)"); // y-axis label svg .append("text") .text("Average Album Sentiment") .style("font-size", "12px") .attr("transform", "translate(10, 330) rotate(-90)"); // Chart title svg .append("text") .text("Average Album Sentiment Across 40 years (1980 - 2019)") .style("text-anchor", "middle") .attr("transform", `translate(${width / 2}, 20)`) .attr("font-weight", "bold") .style("font-size", "20px"); return svg.node(); }33:T4d0,processed_song_data = { let song_afinn = aq .from(lyrics_data) // filter would exist from here down .filter(d => !stop_words_set.has(d.word)) .groupby("album", "track_id") .rollup({ total_afinn: d => op.sum(+d.afinn_value), negative_afinn: d => op.sum(+d.afinn_value < 0 ? +d.afinn_value : 0), positive_afinn: d => op.sum(+d.afinn_value > 0 ? +d.afinn_value : 0) }) .objects(); let song_bing = aq .from(lyrics_data) .filter(d => !stop_words_set.has(d.word)) .derive({ bing_num: d => d.bing_sentiment === "positive" ? 1 : d.bing_sentiment === "negative" ? -1 : 0 }) .groupby("album", "track_id") .rollup({ total_bing: d => op.sum(+d.bing_num), negative_bing: d => op.sum(+d.bing_num < 0 ? +d.bing_num : 0), positive_bing: d => op.sum(+d.bing_num > 0 ? +d.bing_num : 0) }); for (let i = 0; i < song_afinn.length; i++) { song_afinn[i]["year"] = winner_map.get(song_afinn[i]["album"]); } song_afinn = aq.from(song_afinn); let song_data = song_afinn.join( song_bing, ["track_id", "track_id"], [aq.all(), aq.not("album", "track_id")] ); return song_data; }34:[] 30:{"id":"95391742e5f0d14d","slug":"timeline-chart","title":"Timeline Chart","thumbnail":"1b3e09be0f9f16328b128006246cbf5989b51b0adc03c0acc5131fa0b6e72aec","access_level":"public","create_time":"$D2020-12-07T01:06:28.803Z","update_time":"$D2020-12-12T22:31:35.362Z","view_time":null,"first_public_time":"$D2020-12-12T22:22:47.869Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"82cd20deb9e45d2a","login":"uw-info474","name":"Interactive Info Vis","avatar_url":"https://avatars-next.observableusercontent.com/0f696394de7ab5e2cd50dd2e1dd79af08077f3f74024d007b8a5af8b9d01a473","tier":"education_2026","bio":"UW iSchool Course INFO 474: focused on designing and building visualizations to better understand and communicate about pressing issues. "},"version":1174,"publish_version":1174,"role":null,"authored":false,"authors":[{"type":"individual","id":"c752e136b7f133d5","login":"shareenchang","name":"","avatar_url":"https://avatars-next.observableusercontent.com/580e1d2b5e679f4ada14754d576981df327b97d8074595e3f6c9861dae12d009","tier":null,"bio":""}],"members":[{"type":"individual","id":"c2be37aa2dd74957","login":"benjaminnnnnn","name":"_ zhuanz3@uw.edu","avatar_url":"https://avatars-next.observableusercontent.com/8c8aba02c8c2713e40c334b3312904c9156d51f0e25ffe6beb56911cb5e660c7","tier":null,"role":"editor"},{"type":"individual","id":"e9d65e96463dd324","login":"melodc","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ffc759cf142ee1325dc4b9bc709727986b65dee7eafe3e07d9e8c855be94da90","tier":null,"role":"editor"},{"type":"individual","id":"51fb9c2604818cab","login":"serrat839","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5797611839c51b3d166279456cdeaa0b10894ed5f27b3f1e3521fb7190954c72","tier":null,"role":"editor"},{"type":"individual","id":"c752e136b7f133d5","login":"shareenchang","name":"","avatar_url":"https://avatars-next.observableusercontent.com/580e1d2b5e679f4ada14754d576981df327b97d8074595e3f6c9861dae12d009","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Timeline Chart","cells":[{"id":0,"value":"md`# Timeline Chart`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":307,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":906,"value":"artists_data = {\n const div = d3\n .create(\"div\")\n .style(\"height\", \"300px\")\n .style(\"overflow\", \"scroll\");\n\n const artists = div.selectAll(\"p\").data([...cumulative_data.entries()]);\n //.data(d => [...d[1].songs.entries()]) // do the double data join with the array of songs for each artist\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":575,"value":"xRange = [margin.left, width - margin.right]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":572,"value":"xScaleSorted = d3\n .scaleBand()\n .domain(d3.range(formatted_data.map(d => d.name).length))\n .range(xRange)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"md`### Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"import { aq, op } from \"@uwdata/arquero\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"import { legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":296,"value":"import { nest } from \"@bayre/unrolling-a-d3-rollup\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":436,"value":"import { select, slider } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"md`### Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":744,"value":"song_map = {\n let map = new Map();\n let csv = await d3.csv(\n 'https://raw.githubusercontent.com/serrat839/INFO-474-group-six-lol/main/clean_data/song_list.csv'\n );\n\n csv.map(d => map.set(d.track_id, d.track));\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"// load tokenized lyric data from GitHub Repo\nlyrics_data = {\n let lyrics = await d3.csv(\n 'https://raw.githubusercontent.com/serrat839/INFO-474-group-six-lol/main/clean_data/lyric_token_sentiment.csv'\n );\n for (let i = 0; i < lyrics.length; i++) {\n lyrics[i][\"track\"] = song_map.get(lyrics[i].track_id);\n }\n return lyrics;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"winner_data = d3.csv(\n 'https://raw.githubusercontent.com/serrat839/INFO-474-group-six-lol/main/clean_data/award_winner_ids.csv'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":440,"value":"winner_map = {\n let data_map = new Map();\n for (let i = 0; i < winner_data.length; i++) {\n data_map.set(winner_data[i].album, +winner_data[i].year);\n }\n return data_map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"timeline_song_data = processed_song_data.objects()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"groupBy_year = d3.group(timeline_song_data, d => d.year)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"average_sentiment_by_year = {\n let x = [...groupBy_year.values()];\n for (let i = 0; i < x.length; i++) {\n x[i] = d3.mean(x[i], d => {\n return d.total_afinn;\n });\n }\n return x;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"filtered_winner_data = winner_data.filter(d => d.year != 2004)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"year_sentiment_map = {\n let data_map = new Map();\n for (let i = 0; i < filtered_winner_data.length; i++) {\n if (i == 15) {\n data_map.set(2004, 0);\n }\n data_map.set(+filtered_winner_data[i].year, average_sentiment_by_year[i]);\n }\n return data_map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":812,"value":"year_sentiment_map2 = {\n let data_map = new Map();\n for (let i = 0; i < formatted_data.length; i++) {\n if (i == 15) {\n data_map.set(2004, 0);\n }\n data_map.set(+formatted_data[i].name, formatted_data[i].value, albums[i]);\n }\n return data_map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"array_data = nest(year_sentiment_map, d3.autoType).sort(d3.descending)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":828,"value":"// (winner_data.map['album'] = d => d.album)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":723,"value":"new_album_map = {\n let data_map1 = [];\n for (let i = 0; i < formatted_data.length; i++) {\n data_map1[i] = albums[i];\n }\n return data_map1;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":606,"value":"by_album = d3.group(winner_data, d => d.album)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":626,"value":"albums = d3.map(winner_data, d => d.album)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":454,"value":"formatted_data = array_data.sort((a, b) => d3.ascending(+a.name, +b.name))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"md`\n### Stop Words Data\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"// stop words set\nstop_words = d3.csv(\n 'https://raw.githubusercontent.com/serrat839/INFO-474-group-six-lol/main/clean_data/stop_words.csv'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"stop_words_set = new Set(stop_words.map(d => d.word))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"d3 = require('d3@6')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"md`### Graph`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":362,"value":"// x = d3\n// .scaleBand()\n// .domain(d3.extent(formatted_data, d => d.name))\n// //.domain([d3.max(formatted_data, d => d.name)])\n// .range([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"tooltip = d3\n .select('body')\n .append('div')\n .attr('class', 'd3-tooltip')\n .style('position', 'absolute')\n .style('z-index', '10')\n .style('visibility', 'hidden')\n .style('padding', '10px')\n .style('background', 'rgba(0,0,0,0.6)')\n .style('border-radius', '4px')\n .style('color', '#fff')\n .text('a simple tooltip')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":434,"value":"color = d3.scaleOrdinal().range([\"#98abc5\", \"#8a89a6\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"x = d3\n .scaleLinear()\n .domain(d3.extent(formatted_data, d => d.name))\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":366,"value":"y = d3\n .scaleLinear()\n .domain([\n d3.min(formatted_data, d => d.value),\n d3.max(formatted_data.map(d => d.value)) + 1\n ])\n .range([height - margin.bottom, margin.top])\n .interpolate(d3.interpolateRound)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":334,"value":"scaleBand = {\n return d3\n .scaleBand()\n .domain(formatted_data.map(d => d.name))\n .range([margin.top, height - margin.bottom]);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":"xAxis = g => {\n g.attr(\"transform\", `translate(0,${height - margin.bottom})`).call(\n d3\n .axisBottom()\n .scale(x)\n .tickValues(d3.range(40).map(d => d + 1980)) // manually set tick values\n );\n\n // rotates tick text\n g.selectAll('text')\n .attr('transform', 'rotate(45)')\n .attr('y', 83)\n .attr('x', 85);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":354,"value":"yAxis = g =>\n g.attr(\"transform\", `translate(${margin.left},0)`).call(d3.axisLeft(y))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":304,"value":"// yAxis = g =>\n// g\n// .attr(\"transform\", `translate(${margin.left},0)`)\n// .call(d3.axisLeft(y))\n// .call(g => g.select(\".domain\").remove())\n// .call(g =>\n// g\n// .select(\".tick:last-of-type text\")\n// .clone()\n// .attr(\"x\", 3)\n// .attr(\"text-anchor\", \"start\")\n// .attr(\"font-weight\", \"bold\")\n// .text(year_sentiment_map.y)\n// )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"height = 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"margin = ({ top: 20, right: 30, bottom: 30, left: 50 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":648,"value":"// takes in an array of songs, a separator, and a sentiment field\n// injects a counting tally into the array that was specified for each unique value in the sep field\n// uses the \"field\" value to know which sentiment to use in the tally\nfunction cumulate(array, sep, field) {\n let base = 0;\n let curr = array[0][sep];\n let lengths = [];\n let total = 0;\n for (let i = 0; i < array.length; i++) {\n if (array[i][sep] != curr) {\n base = 0;\n curr = array[i][sep];\n lengths.push(total);\n total = 0;\n }\n total++;\n base = base + (array[i][field] === \"NA\" ? 0 : +array[i][field]);\n array[i][\"value\"] = base;\n array[i][\"x\"] = total;\n }\n\n return array;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1169,"value":"cumulative_data = {\n let results = new Map();\n // create initial map culmination for each album\n for (let i = 0; i < winner_data.length; i++) {\n let track = winner_data[i].album_id;\n let filtered_lyrics = lyrics_data.filter(d => d.album_ids == track);\n if (track != \"N/A\") {\n let culm = cumulate(\n lyrics_data.filter(d => d.album_ids == track),\n \"track_id\",\n \"afinn_value\"\n );\n results.set(track, culm);\n }\n }\n // re-format and add extra metadata to map\n let results2 = new Map();\n let keys = [...results.keys()];\n for (let i = 0; i < keys.length; i++) {\n let data = results.get(keys[i]);\n let year = data[0].album;\n let grouped = d3.group(data, d => d.track);\n results2.set(+by_album.get(year)[0].year, {\n album: year,\n songs: grouped,\n avg_sentiment: year_sentiment_map.get(+by_album.get(year)[0].year)\n });\n }\n return results2;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"md`### Random Comments`\n//const xAxis = d3.axisBottom().scale(scaleBand);\n// const x = d3\n// .scaleBand()\n// .domain(formatted_data.map(d => d.name))\n// .rangeRound([margin.left, width - margin.right])\n// .paddingInner(0.1);\n\n// const xAxis = g =>\n// g\n// .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n// .call(d3.axisBottom(x).tickSizeOuter(0))\n// .call(g => g.select(\".domain\").remove());\n\n// const y = d3\n// .scaleLinear()\n// .domain([\n// d3.min(formatted_data, d => d.value),\n// d3.max(formatted_data.map(d => d.value))\n// ])\n// .nice()\n// .range([height - margin.bottom, margin.top]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 31:"$30:body"