34:["$","title",null,{"children":"Mapping New York's Daily Covid-19 Death Toll to Musical Dissonance | Pedro Barquinha | Observable"}] 3c:T4a5,viz = { const height = 500; const style = ``; const div = html`

0 new deaths

04 March

${style} `; return div; }3d:[{"id":"6bee98e0e36923e8034be439ded8522a464bc6e4e5c399327fed98bfa5f758a99fab38d1153ed9066f4a2ff503e025938e803423ddfff2ba9b2f08d7e2913773","href":"https://static.observableusercontent.com/files/6bee98e0e36923e8034be439ded8522a464bc6e4e5c399327fed98bfa5f758a99fab38d1153ed9066f4a2ff503e025938e803423ddfff2ba9b2f08d7e2913773","name":"ny.json","type":"application/json","lastModified":1611856943777.59,"size":458556}] 38:{"id":"cd62e99867345b21","slug":"mapping-covid-death-increases-to-dissonance","title":"Mapping New York's Daily Covid-19 Death Toll to Musical Dissonance","thumbnail":"1edf1f7a4dc357191a3ba41bd2b39c7827f3b6175e20cca9d1fb1dcada95def7","access_level":"public","create_time":"$D2020-05-26T23:49:44.944Z","update_time":"$D2021-01-28T18:11:55.213Z","view_time":null,"first_public_time":"$D2020-05-29T13:00:58.760Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"a925ecdc3adbbdc5","login":"pedrobarquinha","name":"Pedro Barquinha","avatar_url":"https://avatars-next.observableusercontent.com/fa9f50547149182cd2de74d51a09b1b15132dbe467a23b489e841cbe2923a1e6","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":954,"publish_version":954,"role":null,"authored":false,"authors":[{"type":"individual","id":"f5adb2beab5f1e3b","login":"pedrobarquinha","name":"Pedro Barquinha","avatar_url":"https://avatars-next.observableusercontent.com/fa9f50547149182cd2de74d51a09b1b15132dbe467a23b489e841cbe2923a1e6","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"f5adb2beab5f1e3b","login":"pedrobarquinha","name":"Pedro Barquinha","avatar_url":"https://avatars-next.observableusercontent.com/fa9f50547149182cd2de74d51a09b1b15132dbe467a23b489e841cbe2923a1e6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Mapping New York's Daily Covid-19 Death Toll to Musical Dissonance","cells":[{"id":0,"value":"md`# Mapping New York's Daily Covid-19 Death Toll to Musical Dissonance`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"viewof button = {\n const $button = html``;\n $button.onclick = () => {\n const format = d3.timeFormat(\"%d %b\");\n\n Tone.Transport.stop();\n Tone.Transport.start();\n\n const part = playScale(cMajor, '16n', ({ data }) => {\n const date = getDate(data);\n\n d3.select('.date')\n .style('background', colorScale(data.deathIncrease) || 'lighblue')\n .html(date && format(date));\n\n d3.select('.text p')\n .html(`${data.deathIncrease || 0} new deaths`)\n .style('margin-left', `${xScale(data.deathIncrease)}px`);\n });\n\n Tone.Transport.on(\n 'stop',\n e => Tone.Transport.state === 'stopped' && part.stop()\n );\n\n part.start(0);\n };\n\n return $button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":896,"value":"viewof pause = {\n const $button = html``;\n $button.onclick = () => {\n Tone.Transport.stop();\n };\n return $button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":538,"value":"md`### Audio Players`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"function playScale(notesToPlay, rate = \"32n\", cb) {\n // pass in an array of events\n const part = new Tone.Sequence(\n function(time, event) {\n cb(event);\n polySynth.triggerAttackRelease(['C3', event.note], rate, time);\n },\n buildPattern(nyData)\n .flatMap(({ notes, data }) => notes.map(note => ({ note, data })))\n .map(({ data, note }, idx) => ({ time: idx, note, data })),\n rate\n );\n\n //loop the part 1 time\n part.loop = 1;\n\n return part;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":757,"value":"polySynth = new Tone.PolySynth(Tone.Synth).toMaster()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"function triggerSynth(note, unit, time) {\n //the time is the sample-accurate time of the event\n synth.triggerAttackRelease(note, unit, time);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":542,"value":"md`### d3 scales and extents`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":872,"value":"xScale = d3\n .scaleLinear()\n .domain(d3.extent(nyData, d => d.deathIncrease))\n .range([0, width - 50])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":505,"value":"deathIncreaseExtent = d3.extent(nyData, (d, i) => d.deathIncrease)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"tonalityScale = d3\n .scaleLinear()\n .domain(deathIncreaseExtent)\n .range([0, 100])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":509,"value":"colorScale = d3\n .scaleLinear()\n .domain([deathIncreaseExtent[0], deathIncreaseExtent[1]])\n .range(['lightblue', 'darkred'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":530,"value":"md`### Music Definitions and Helpers`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":739,"value":"function getDate(data) {\n const date = data.date.toString();\n const year = date.slice(0, 4);\n const month = date.slice(4, 6);\n const day = date.slice(6);\n console.log(`${year}-${month}-${day}`);\n return new Date(`${year}-${month}-${day} 00:00`);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":351,"value":"function buildPattern(data, field = 'deathIncrease') {\n const pctOfDissonance = data.map(d => ({\n data: d,\n pct: tonalityScale(d[field])\n }));\n\n const offNotes = getScale('major', 'C#4', 'C#5');\n\n return pctOfDissonance.map(({ data, pct }) => {\n const numOfNotesToReplace = Math.min(Math.floor(pct / 8), 8);\n const scale = cMajor.map((note, idx) =>\n idx + 1 < numOfNotesToReplace ? offNotes[idx] : note\n );\n\n return { data, notes: _.shuffle(scale) };\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"function getScaleDiff(scaleA, scaleB) {\n const diff = {};\n\n scaleA.forEach(note => {\n if (!scaleB.includes(note)) {\n diff[note] = true;\n }\n });\n\n return Object.keys(diff);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"function getScale(scale, noteToStart = 'C2', noteToEnd = 'C3') {\n const firstNoteIndex = notesWithOctave.findIndex(\n note => noteToStart === note\n );\n\n const scaleIndexes = scales[scale].reduce((scaleNotes, interval, idx) => {\n if (!idx) {\n scaleNotes.push(firstNoteIndex);\n scaleNotes.push(firstNoteIndex + interval);\n\n return scaleNotes;\n }\n\n scaleNotes.push(scaleNotes[idx] + interval);\n\n return scaleNotes;\n }, []);\n\n const notes = scaleIndexes.map(index => notesWithOctave[index]);\n const lastNote = notes.slice(-1)[0];\n if (lastNote === noteToEnd && noteToEnd) {\n return notes;\n }\n\n return notes.slice(0, -1).concat(getScale(scale, lastNote, noteToEnd));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"cMajor = getScale('major', 'C4', 'C5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"cMinor = getScale('minor', 'C3', 'C4')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"cAug = getScale('augmented', 'C3', 'C4')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"scales = {\n return {\n major: [2, 2, 1, 2, 2, 2, 1],\n minor: [2, 1, 2, 2, 2, 1, 2],\n dominant: [2, 2, 1, 2, 2, 2, 2],\n augmented: [2, 2, 2, 2, 1, 2, 1]\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":547,"value":"md`### Data and Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"nyData = data.sort((d, a) => d.date - a.date)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"data = FileAttachment('ny.json').json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"axios = require('axios@0.18.0/dist/axios.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"import { synth, notesWithOctave } from '@pedrobarquinha/keyboard-using-tone-js'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":412,"value":"_ = require('lodash')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":560,"value":"import { 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":92,"value":"Tone = require('tone')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3d","stdlib":"1"}} 33:null