3f:null 40:["$","title",null,{"children":"Lee Jonathan Final Project | JONATHAN LEE | Observable"}] 46:Te8e,// Copyright 2021 Observable, Inc. // Released under the ISC license. // https://observablehq.com/@d3/histogram function Histogram(data, { value = d => d, // convenience alias for x domain, // convenience alias for xDomain label, // convenience alias for xLabel format, // convenience alias for xFormat type = d3.scaleLinear, // convenience alias for xType x = value, // given d in data, returns the (quantitative) x-value y = () => 1, // given d in data, returns the (quantitative) weight thresholds = 250, // approximate number of bins to generate, or threshold function marginTop = 20, // top margin, in pixels marginRight = 30, // right margin, in pixels marginBottom = 30, // bottom margin, in pixels marginLeft = 40, // left margin, in pixels width = 640, // outer width of chart, in pixels height = 400, // outer height of chart, in pixels insetLeft = 0.5, // inset left edge of bar insetRight = 0.5, // inset right edge of bar xType = type, // type of x-scale xDomain = domain, // [xmin, xmax] xRange = [marginLeft, width - marginRight], // [left, right] xLabel = label, // a label for the x-axis xFormat = format, // a format specifier string for the x-axis yType = d3.scaleLinear, // type of y-scale yDomain, // [ymin, ymax] yRange = [height - marginBottom, marginTop], // [bottom, top] yLabel = "↑ Amount of times...", // a label for the y-axis yFormat, // a format specifier string for the y-axis color = "currentColor" // bar fill color } = {}) { // Compute values. const X = d3.map(data, x); const Y = d3.map(data, y); const I = d3.range(X.length); // Compute bins. const bins = d3.bin().thresholds(thresholds).value(i => X[i])(I); // Compute default domains. if (xDomain === undefined) xDomain = [bins[0].x0, bins[bins.length - 1].x1]; if (yDomain === undefined) yDomain = [0, d3.max(bins, I => d3.sum(I, i => Y[i]))]; // Construct scales and axes. const xScale = xType(xDomain, xRange); const yScale = yType(yDomain, yRange); const xAxis = d3.axisBottom(xScale).ticks(width / 80, xFormat).tickSizeOuter(0); const yAxis = d3.axisLeft(yScale).ticks(height / 40, yFormat); yFormat = yScale.tickFormat(100, yFormat); const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; height: intrinsic;"); svg.append("g") .attr("transform", `translate(${marginLeft},0)`) .call(yAxis) .call(g => g.select(".domain").remove()) .call(g => g.selectAll(".tick line").clone() .attr("x2", width - marginLeft - marginRight) .attr("stroke-opacity", 0.1)) .call(g => g.append("text") .attr("x", -marginLeft) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(yLabel)); svg.append("g") .attr("fill", color) .selectAll("rect") .data(bins) .join("rect") .attr("x", d => xScale(d.x0) + insetLeft) .attr("width", d => Math.max(0, xScale(d.x1) - xScale(d.x0) - insetLeft - insetLeft)) .attr("y", d => yScale(d3.sum(d, i => Y[i]))) .attr("height", d => yScale(0) - yScale(d3.sum(d, i => Y[i]))) .append("title") .text((d, i) => [`${d.x0} ≤ x < ${d.x1}`, yFormat(d3.sum(d, i => Y[i]))].join("\n")); svg.append("g") .attr("transform", `translate(0,${height - marginBottom})`) .call(xAxis) .call(g => g.append("text") .attr("x", width - marginRight) .attr("y", 27) .attr("fill", "currentColor") .attr("text-anchor", "end") .text(xLabel)); return svg.node(); }47:[{"id":"1d918a5bccc57149fc8545fae794441470ba2ad21dbf12a650e9786ab0469f95e01aeaf9f34e001589d5fc755af5d2b5fbfbaa182fbbf207fd85b5f23f071ff1","href":"https://static.observableusercontent.com/files/1d918a5bccc57149fc8545fae794441470ba2ad21dbf12a650e9786ab0469f95e01aeaf9f34e001589d5fc755af5d2b5fbfbaa182fbbf207fd85b5f23f071ff1","name":"interventions.csv","type":"text/csv","lastModified":1636403536981.342,"size":24350},{"id":"ffd31dc48c86cd0e9278a02ab78ba7ab33cf72f8c37b96ff6bf5c63ecf699df4657e3845f5e77bb14cf67a1f4887c81b66bdb2563924e70dabc094770c58cbe4","href":"https://static.observableusercontent.com/files/ffd31dc48c86cd0e9278a02ab78ba7ab33cf72f8c37b96ff6bf5c63ecf699df4657e3845f5e77bb14cf67a1f4887c81b66bdb2563924e70dabc094770c58cbe4","name":"interventions-bc.csv","type":"text/csv","lastModified":1636403537141.908,"size":72294},{"id":"a8cf06b9385eae2cb30dcc1a7c95588667ee28c5e4c333f5016ec64d589f357c8b4db4bc6c98b88bf999c419ebfe99ada5f70dd820cddf9f4f761b1e5f8503ae","href":"https://static.observableusercontent.com/files/a8cf06b9385eae2cb30dcc1a7c95588667ee28c5e4c333f5016ec64d589f357c8b4db4bc6c98b88bf999c419ebfe99ada5f70dd820cddf9f4f761b1e5f8503ae","name":"Original_Spotify2020_Updated_2-20-21.csv","type":"text/csv","lastModified":1636341897623.291,"size":2104752},{"id":"f59bb3d71d32c5afcb356d50108838c4f7401029f40e61cd24b7b5b791f1976f22b9bb62712ebd824f9d32f8a72d2875756bf73ac9749a6ef01bb9d4eeab87ad","href":"https://static.observableusercontent.com/files/f59bb3d71d32c5afcb356d50108838c4f7401029f40e61cd24b7b5b791f1976f22b9bb62712ebd824f9d32f8a72d2875756bf73ac9749a6ef01bb9d4eeab87ad","name":"Original_Spotify2021_Updated_2-20-21.csv","type":"text/csv","lastModified":1636341896548.358,"size":237152},{"id":"566f5af850f81b9a901eee68acd5e9c47b141382d59b5b86da31c1329d3e3ba525fb7234f03530dfd6af245def8aec14a0989c24f4d67a9b46aa0633d76f7602","href":"https://static.observableusercontent.com/files/566f5af850f81b9a901eee68acd5e9c47b141382d59b5b86da31c1329d3e3ba525fb7234f03530dfd6af245def8aec14a0989c24f4d67a9b46aa0633d76f7602","name":"Original_Spotify2019_Updated_2-20-21.csv","type":"text/csv","lastModified":1636341897908.594,"size":2095213}] 44:{"id":"faddb7d7ced61dfb","slug":"leejonathana3","title":"Lee Jonathan Final Project","thumbnail":"ca2588e6caa6c00bd92481ddaaf0259cb92baf56a7e999fcdc75f632db10392c","access_level":"public","create_time":"$D2021-11-07T03:39:51.949Z","update_time":"$D2021-11-16T06:56:25.199Z","view_time":null,"first_public_time":"$D2021-11-08T21:54:59.086Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"5279745599ecab8c","login":"xjonathanlee","name":"JONATHAN LEE","avatar_url":"https://avatars-next.observableusercontent.com/c07355a839eb605bc0bf3dbd93b3c1939d2d1c6ad9b634cfa3d18b5ca5093c50","tier":"starter_2024","bio":"","following":false},"version":524,"publish_version":524,"role":null,"authored":false,"authors":[{"type":"individual","id":"33167a7598de2d43","login":"xjonathanlee","name":"JONATHAN LEE","avatar_url":"https://avatars-next.observableusercontent.com/c07355a839eb605bc0bf3dbd93b3c1939d2d1c6ad9b634cfa3d18b5ca5093c50","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"33167a7598de2d43","login":"xjonathanlee","name":"JONATHAN LEE","avatar_url":"https://avatars-next.observableusercontent.com/c07355a839eb605bc0bf3dbd93b3c1939d2d1c6ad9b634cfa3d18b5ca5093c50","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Lee Jonathan Final Project","cells":[{"id":0,"value":"# Lee Jonathan Final Project","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"spotify2019complete = FileAttachment(\"Original_Spotify2019_Updated_2-20-21.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"spotify2019complete_data = spotify2019complete.text() ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"spotify2019complete_data_autoType = d3.csvParse(spotify2019complete_data,d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"MaxEnergy2019 = spotify2019complete_data_autoType.reduce((a,b)=>a.Energy>b.Energy?a:b).Energy; ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":214,"value":"MinEnergy2019 = spotify2019complete_data_autoType.reduce((a,b)=>a.Energyp.Energy)]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"MaxIndex2019_energy = spotify2019complete_data_autoType[d3.maxIndex(spotify2019complete_data_autoType,p=>p.Energy)]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"spotify2020complete = FileAttachment(\"Original_Spotify2020_Updated_2-20-21.csv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"spotify2020complete_data = spotify2020complete.text()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"spotify2020complete_data_autoType = d3.csvParse(spotify2020complete_data,d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"intersection1 = spotify2019complete_data_autoType.filter(x => spotify2020complete_data_autoType.includes(x));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"MaxEnergy2020 = spotify2020complete_data_autoType.reduce((a,b)=>a.Energy>b.Energy?a:b).Energy; ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"MinEnergy2020 = spotify2020complete_data_autoType.reduce((a,b)=>a.Energyd.Energy)\n//net energy for the whole year of 2020","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":289,"value":"Average_Energy=d3.mean(spotify2020complete_data_autoType,d=>d.Energy)\n//calculate average energy in songs in 2020","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"MaxIndex2020_energy = spotify2020complete_data_autoType[d3.maxIndex(spotify2020complete_data_autoType,p=>p.Energy)]\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"MinIndex2020_energy = spotify2020complete_data_autoType[d3.minIndex(spotify2020complete_data_autoType,p=>p.Energy)]\n//get song with lowest energy","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":251,"value":"as_Energy = spotify2020complete_data_autoType.sort(function (a,b) {return d3.descending(a.Energy, b.Energy);});\n//sorts data based on energy levels in songs in descending order","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":259,"value":"netEnergy = as_Energy.filter(function isolateMonthJuly(d){\n return d.Month ==\"July\" && d.Position <=\"5\"\n//top 5 tracks in july per week\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":421,"value":"chart = Histogram(as_Energy, {\n value: d => d.Danceability,\n label: \"Danceability catJAM\",\n width,\n height: 500,\n color: \"pink\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":424,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"This histogram tells me that there is a focus on more dancable songs for this data set\nSelected Bin size by seeing which one looked the most visually appealing","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":303,"value":"//filter songs by pop songs only\nspotify2019complete_data_autoType.filter(function(d){\n return d['Artist Genre'] == \"dance pop\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":267,"value":"totalEnergy = d3.sum(netEnergy,d=>d.Energy)\n//sum of energy of top 5 tracks in July 2019","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":507,"value":"The code you wrote. If you extended the example code, then hand that in.\n
\nsee above for histogram\n
\n
\n
\n

Design Brief for code:

\n\nMultivariate samples of code are designed for \"bigger\" understanding of streaming music over the course of a 2-3 year period. The data measures danci-ness, bpm, and happiness index of top 200 songs. This is contrasted with canada / bc public health announcements over the same period.\n
\n
\nChallenges and issues you discovered\n
\nThe data is very indepth but also very messy\n
\n
\nWhat you decided to do about bad data, missing values. etc. if you have any\n
\nCry.\nNo, I think I should go in and scrub all NaN values with 0's before next week\n
","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"spotify2021complete = FileAttachment(\"Original_Spotify2021_Updated_2-20-21.csv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"spotify2021complete_data=spotify2021complete.text()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"spotify2021complete_data_autoType =d3.csvParse(spotify2021complete_data,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"spotify2021complete_data_autoType[19].Energy","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"MaxEnergy = spotify2021complete_data_autoType.reduce((a,b)=>a.Energy>b.Energy?a:b).Energy; \n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"MaxIndex2021_energy = spotify2021complete_data_autoType[d3.maxIndex(spotify2021complete_data_autoType,p=>p.Energy)]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"MinIndex2021_energy = spotify2021complete_data_autoType[d3.minIndex(spotify2021complete_data_autoType,p=>p.Energy)]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"MinEnergy = spotify2021complete_data_autoType.reduce((a,b)=>a.Energy\nhttps://www.cihi.ca/en/covid-19-intervention-timeline-in-canada\nhttps://github.com/gucaselo/spotify-project/tree/main/output_data\nhttps://github.com/d3/d3/blob/main/API.md#arrays-d3-array\nhttps://observablehq.com/@aunnoy/importing-data-using-d3\nhttps://open.canada.ca/data/en/dataset?organization=phac-aspc\n
\nhttps://observablehq.com/@d3/histogram\n
\nhttps://www.d3-graph-gallery.com/graph/basic_datamanipulation.html#math\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"function intersection(x,y){\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 45:"$44:body"