2f:T485,index = [{name: 'logreadanceacademy', cost:8, fulfillment: 10}, {name: 'staugustinesepiscopalchurch', cost:6, fulfillment: 8}, {name: 'ossiningtrainstation', cost:2, fulfillment: 7}, {name: 'jacobburnsfilmcenter', cost:5, fulfillment: 8}, {name: 'shattemucyachtclub', cost:10, fulfillment: 9}, {name: 'josephschocolatechalet', cost:6, fulfillment: 7}, {name: 'rockysmillwooddeli', cost:6, fulfillment: 9}, {name: 'capripizzapasta', cost:5, fulfillment: 8}, {name: 'samuraisushihibachi', cost:8, fulfillment: 10}, {name: 'firstvillagecoffee', cost:3, fulfillment: 10}, {name: 'blackcowcoffeecompany', cost:3, fulfillment: 8}, {name: 'homesweethome', cost:0, fulfillment: 10}, {name: 'cedarlanedogpark', cost:0, fulfillment: 6}, {name: 'ossiningsittingpark', cost:0, fulfillment: 5}, {name: 'richardgwishniepark', cost:0, fulfillment: 8}, {name: 'crotongorgepark', cost:0, fulfillment: 7}, {name: 'crotonlandingpark', cost:0, fulfillment: 9}, {name: 'staugustineschool', cost:10, fulfillment: 5}, ]30:T9c6,dashboard = html`

${border}

${hometownhitstext}

${paragraphtext}

${viewof blackcowcoffeecompany}

${viewof firstvillagecoffee}

${viewof richardgwishniepark}

${viewof crotongorgepark}

${viewof crotonlandingpark}

${viewof cedarlanedogpark}

${viewof ossiningsittingpark}

${viewof ossiningtrainstation}

${viewof jacobburnsfilmcenter}

${viewof logreadanceacademy}

${viewof staugustinesepiscopal}

${viewof shattemucyachtclub}

${viewof rockysmillwooddeli}

${viewof samuraisushihibachi}

${viewof josephschocolatechalet}

${viewof capripizzapasta}

${viewof homesweethome}

${chart}

`31:T9c7,ind = { var totalcost = 0 totalcost = totalcost +(index[0].cost*logreadanceacademy) totalcost = totalcost +(index[1].cost*staugustinesepiscopal) totalcost = totalcost +(index[2].cost*ossiningtrainstation) totalcost = totalcost +(index[3].cost*jacobburnsfilmcenter) totalcost = totalcost +(index[4].cost*shattemucyachtclub) totalcost = totalcost +(index[5].cost*josephschocolatechalet) totalcost = totalcost +(index[6].cost*rockysmillwooddeli) totalcost = totalcost +(index[7].cost*capripizzapasta) totalcost = totalcost +(index[8].cost*samuraisushihibachi) totalcost = totalcost +(index[9].cost*firstvillagecoffee) totalcost = totalcost +(index[10].cost*blackcowcoffeecompany) totalcost = totalcost +(index[11].cost*homesweethome) totalcost = totalcost +(index[12].cost*cedarlanedogpark) totalcost = totalcost +(index[13].cost*ossiningsittingpark) totalcost = totalcost +(index[14].cost*richardgwishniepark) totalcost = totalcost +(index[15].cost*crotongorgepark) totalcost = totalcost +(index[16].cost*crotonlandingpark) var totalfulfillment = 0 totalfulfillment = totalfulfillment+(index[0].fulfillment*logreadanceacademy) totalfulfillment = totalfulfillment+(index[1].fulfillment*staugustinesepiscopal) totalfulfillment = totalfulfillment+(index[2].fulfillment*ossiningtrainstation) totalfulfillment = totalfulfillment+(index[3].fulfillment*jacobburnsfilmcenter) totalfulfillment = totalfulfillment+(index[4].fulfillment*shattemucyachtclub) totalfulfillment = totalfulfillment+(index[5].fulfillment*josephschocolatechalet) totalfulfillment = totalfulfillment+(index[6].fulfillment*rockysmillwooddeli) totalfulfillment = totalfulfillment+(index[7].fulfillment*capripizzapasta) totalfulfillment = totalfulfillment+(index[8].fulfillment*samuraisushihibachi) totalfulfillment = totalfulfillment+(index[9].fulfillment*firstvillagecoffee) totalfulfillment = totalfulfillment+(index[10].fulfillment*blackcowcoffeecompany) totalfulfillment = totalfulfillment+(index[11].fulfillment*homesweethome) totalfulfillment = totalfulfillment+(index[12].fulfillment*cedarlanedogpark) totalfulfillment = totalfulfillment+(index[13].fulfillment*ossiningsittingpark) totalfulfillment = totalfulfillment+(index[14].fulfillment*richardgwishniepark) totalfulfillment = totalfulfillment+(index[15].fulfillment*crotongorgepark) totalfulfillment = totalfulfillment+(index[16].fulfillment*crotonlandingpark) return [totalcost,totalfulfillment] }32:T106f,chart = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var projection = d3 .geoMercator() .fitSize([width - 50, height - 50], boundingBox1); var path1 = d3.geoPath().projection(projection); var path2 = d3.geoPath().projection(projection); var path3 = d3.geoPath().projection(projection); var g = svg.append("g").attr("id", "paths"); g.selectAll("path2") //d3 geopath .data(streets.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlines') .attr("d", path2) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "none") .style('stroke-opacity','.75') .style("stroke-width", '.35') .style("stroke", "steelblue") g.selectAll("path3") //d3 geopath .data(riverShoreline.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlines') .attr("d", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "steelblue") .style("fill-opacity", ".15") .style('stroke-opacity','.75') .style("stroke-width", '.75') .style("stroke", "steelblue") var c = svg.selectAll("circle") //d3 geopath .data(spots) .enter() .append("circle") .attr("cx", function(d) {return projection([d.longitude,d.latitude])[0]}) .attr("cy", function(d) {return projection([d.longitude,d.latitude])[1]}) .attr('r',5) .attr('fill',colorType) .style('fill-opacity','1') .style('stroke-opacity','.5') .style("stroke-width", '6') .style("stroke", colorType) .on('mouseover',spotText) .on('mouseout',removeText) function colorType(d,i){ var color = 'black' if(d.type=='action'){color = 'deepskyblue'} if(d.type=='bite-to-eat'){color = 'saddlebrown'} if(d.type=='coffee'){color = 'tan'} if(d.type=='home'){color = 'orangered'} if(d.type=='park'){color = 'olivedrab'} if(d.type=='school'){color = 'gold'} return color } function removeText(i,d){ d3.selectAll('text.spotInfo').remove()//to remove a class of objects, state the object type, then class name d3.selectAll('line.spotLine').remove() } function spotText(i,d){ svg.append("text") .attr('class','spotInfo') .attr('x','100') .attr('y','585') .attr('font-family','Helvetica') .attr('font-size','.9em') .attr('font-weight','bold') .attr('text-anchor','start') .text(d.name) svg.append("text") .attr('class','spotInfo') .attr('x','100') .attr('y','600') .attr('font-family','Helvetica') .attr('font-size','.7em') .attr('font-weight','300') .attr('text-anchor','start') .text(d.description) } svg.append('text') .attr('class','spots') .attr('x','75') .attr('y','100') .attr('font-family','Helvetica') .attr('font-size','1em') .attr('text-anchor','start') .attr('font-weight','bold') .text('MONTHLY COST ='+ind[0]) svg.append('text') .attr('class','spots') .attr('x','75') .attr('y','130') .attr('font-family','Helvetica') .attr('font-size','1em') .attr('text-anchor','start') .attr('font-weight','bold') .text('FULFILLMENT INDEX ='+ind[1]) if(ind[0]>285){ svg.append('text') .attr('class','spots') .attr('x','450') .attr('y','700') .attr('font-family','Helvetica') .attr('font-size','3em') .attr('text-anchor','middle') .attr('font-weight','bold') .text('STOP SPENDING') } if(ind[0]<285 && ind[1]>570){ svg.append('text') .attr('class','spots') .attr('x','450') .attr('y','700') .attr('font-family','Helvetica') .attr('font-size','3em') .attr('text-anchor','middle') .attr('font-weight','bold') .text('FULFILLED & UNDER BUDGET') } return svg.node(); }33:[{"id":"25d6ece50bdf9402a48027970ef1bddb70469c60a920fa367b43dcc5c9e23e84665d298ba006598c19c2fe6a6d2274f2442af39f1b34606b4937a37108a0cc90","href":"https://static.observableusercontent.com/files/25d6ece50bdf9402a48027970ef1bddb70469c60a920fa367b43dcc5c9e23e84665d298ba006598c19c2fe6a6d2274f2442af39f1b34606b4937a37108a0cc90","name":"land@1.geojson","type":"application/geo+json","lastModified":1675865201814.7,"size":1566800},{"id":"544ef1c3dc48553b5c914792473d4dd011662542024885672b6745af5cc3a77d6b073c3a306349b8806fafd6161056563c21c47c0897e2afc3e1838d440f309d","href":"https://static.observableusercontent.com/files/544ef1c3dc48553b5c914792473d4dd011662542024885672b6745af5cc3a77d6b073c3a306349b8806fafd6161056563c21c47c0897e2afc3e1838d440f309d","name":"simplifiedstreets.geojson","type":"application/geo+json","lastModified":1675865201814.7,"size":4933744},{"id":"3c5196725530ad271f62aca69def353c461d2d2315227013814f54f2b968db6f969840829f0080e042e33727eecbd53c0b39838d516b936f020bca015a788b62","href":"https://static.observableusercontent.com/files/3c5196725530ad271f62aca69def353c461d2d2315227013814f54f2b968db6f969840829f0080e042e33727eecbd53c0b39838d516b936f020bca015a788b62","name":"bounding box2@1.geojson","type":"application/geo+json","lastModified":1675865201814.7,"size":645},{"id":"29e10618ae2fe5371035631b218c4da767bf9bc85f48eadc7366daa96ba4bc4db0bad64120be9554e36d01c6d2227d1667bc44c2c85d32137f4e1ba290a2709c","href":"https://static.observableusercontent.com/files/29e10618ae2fe5371035631b218c4da767bf9bc85f48eadc7366daa96ba4bc4db0bad64120be9554e36d01c6d2227d1667bc44c2c85d32137f4e1ba290a2709c","name":"river shoreline.geojson","type":"application/geo+json","lastModified":1675865201814.7,"size":262058},{"id":"6eaa56987d2ee9cfad7315a8b572fbb09df84d1cb90d622df6e87630e1d80a8d0469f638edfd0b8540c80fb2fcac8ee2c9bbe6e652496439aa6376b465cd52ef","href":"https://static.observableusercontent.com/files/6eaa56987d2ee9cfad7315a8b572fbb09df84d1cb90d622df6e87630e1d80a8d0469f638edfd0b8540c80fb2fcac8ee2c9bbe6e652496439aa6376b465cd52ef","name":"paragraphtext@3.svg","type":"image/svg+xml","lastModified":1675963873950.559,"size":50682},{"id":"78ca9102cadbe7133f28038c301c66c0f4b59ecd9e0c2c4de1ade6ebb45b1f7114fbb4b80a079c54204ec05bd5ddb053caa636389bb9b4b9ac79c232a6fc61ba","href":"https://static.observableusercontent.com/files/78ca9102cadbe7133f28038c301c66c0f4b59ecd9e0c2c4de1ade6ebb45b1f7114fbb4b80a079c54204ec05bd5ddb053caa636389bb9b4b9ac79c232a6fc61ba","name":"paragraphtext@4.svg","type":"image/svg+xml","lastModified":1675964000236.918,"size":100704},{"id":"4658cf6b30b89aaba6c2ccdbb6d3be678b166a62facab71406213947282c3430f1efcdd088c8ba0656b3e9ef1f6547272f1223443fa8e829f7f5660c23cba47e","href":"https://static.observableusercontent.com/files/4658cf6b30b89aaba6c2ccdbb6d3be678b166a62facab71406213947282c3430f1efcdd088c8ba0656b3e9ef1f6547272f1223443fa8e829f7f5660c23cba47e","name":"dashboard linework.txt","type":"text/plain","lastModified":1675866110180.043,"size":318},{"id":"4d9dae01af1d36a019c0bc9994c272861f4e8660a0deb3ea293de865291c3f006ccb75aa394880e7a0821c325125ec974521df1e57f5e11b65d2f08abe44d26c","href":"https://static.observableusercontent.com/files/4d9dae01af1d36a019c0bc9994c272861f4e8660a0deb3ea293de865291c3f006ccb75aa394880e7a0821c325125ec974521df1e57f5e11b65d2f08abe44d26c","name":"dashboard linework@1.txt","type":"text/plain","lastModified":1675876777714.299,"size":206},{"id":"cf6159a66aa159b4b7f0c271f6677eb5718b6e3230396907c2167bb349d5c15810a2bb37889c9197685ae0b37b8afa4e8e5c5b087e9f2a305c843444f46bcca2","href":"https://static.observableusercontent.com/files/cf6159a66aa159b4b7f0c271f6677eb5718b6e3230396907c2167bb349d5c15810a2bb37889c9197685ae0b37b8afa4e8e5c5b087e9f2a305c843444f46bcca2","name":"dashboard linework@2.txt","type":"text/plain","lastModified":1675878127325.707,"size":128},{"id":"3f5de3f4e25e06cd31ac0317b813f1247f4478c78b8099579c77797fde4fd45038269e99f26d7dd6f65c59efe27421ddc59fe0359075dcc510bddd5813fd93b1","href":"https://static.observableusercontent.com/files/3f5de3f4e25e06cd31ac0317b813f1247f4478c78b8099579c77797fde4fd45038269e99f26d7dd6f65c59efe27421ddc59fe0359075dcc510bddd5813fd93b1","name":"dashboard linework@3.txt","type":"text/plain","lastModified":1675958263803.463,"size":128},{"id":"4fff7152b52bdbf1d0cb43ec78f4de025c013b847759e93763aca79f9d746224099a85ef4128e39dd3e01386cc08b23662b56f171f10f560052f8b108fcb0ccb","href":"https://static.observableusercontent.com/files/4fff7152b52bdbf1d0cb43ec78f4de025c013b847759e93763aca79f9d746224099a85ef4128e39dd3e01386cc08b23662b56f171f10f560052f8b108fcb0ccb","name":"paragraphtext@2.svg","type":"image/svg+xml","lastModified":1675963829043.345,"size":50700},{"id":"7d3df1a9b65711f215f46091e198d163dcae7e820665149557f901476e2bb6a68d945f14fd5b8630576deb2444a3837809073ce4734edb075dd2c4aa8455830e","href":"https://static.observableusercontent.com/files/7d3df1a9b65711f215f46091e198d163dcae7e820665149557f901476e2bb6a68d945f14fd5b8630576deb2444a3837809073ce4734edb075dd2c4aa8455830e","name":"hometownhitstext.svg","type":"image/svg+xml","lastModified":1675963038466.041,"size":2096},{"id":"6c26f40fb615136b27c134eeb6df3914778a9871ace8cfa205a3ca65ea0bf2737fda21a1e570b7575ffeaf6ef61ed5ebca606d7840d4ab340e74810bec07b124","href":"https://static.observableusercontent.com/files/6c26f40fb615136b27c134eeb6df3914778a9871ace8cfa205a3ca65ea0bf2737fda21a1e570b7575ffeaf6ef61ed5ebca606d7840d4ab340e74810bec07b124","name":"hometownhitstext@1.svg","type":"image/svg+xml","lastModified":1675963224965.504,"size":2167},{"id":"36527fe531b3bdefdca708ff2beabbbedb521409c87c488d384930561ae250eeb73ffcd2c5166796d7913701ea2866edf52afe98e4be3027bb78a535d1559bbf","href":"https://static.observableusercontent.com/files/36527fe531b3bdefdca708ff2beabbbedb521409c87c488d384930561ae250eeb73ffcd2c5166796d7913701ea2866edf52afe98e4be3027bb78a535d1559bbf","name":"hometownhitstext@2.svg","type":"image/svg+xml","lastModified":1675963319194.052,"size":2114},{"id":"6310c833559db049aefc2d1ddc359f543c7e5a80fa7cfe9fc193eab7d1fa6fe8ef0e8869be3b51c3dadbc0161e69b44b09a3a604844e82d10ac74e57360a0163","href":"https://static.observableusercontent.com/files/6310c833559db049aefc2d1ddc359f543c7e5a80fa7cfe9fc193eab7d1fa6fe8ef0e8869be3b51c3dadbc0161e69b44b09a3a604844e82d10ac74e57360a0163","name":"hometownhitstext@3.svg","type":"image/svg+xml","lastModified":1675963394487.658,"size":2061},{"id":"fb1a1b5a8f2e05dfc7e786b3cc86d04326ee599f67e7ccf7b28f3c6399c4c538cb2f404a7471c7ae0b1a12a7b5f1d2f732da562167db7e8f2e860a19041827a4","href":"https://static.observableusercontent.com/files/fb1a1b5a8f2e05dfc7e786b3cc86d04326ee599f67e7ccf7b28f3c6399c4c538cb2f404a7471c7ae0b1a12a7b5f1d2f732da562167db7e8f2e860a19041827a4","name":"paragraphtext.svg","type":"image/svg+xml","lastModified":1675963595717.619,"size":1038},{"id":"4883e2f85cf4d4c2c72099d06ede2deb7380ea80eab484effac235f485d3421284a50e77f5e5d0b59a7408572b6d709f845ee58921d294feaad3f320da9bf2d6","href":"https://static.observableusercontent.com/files/4883e2f85cf4d4c2c72099d06ede2deb7380ea80eab484effac235f485d3421284a50e77f5e5d0b59a7408572b6d709f845ee58921d294feaad3f320da9bf2d6","name":"paragraphtext@1.svg","type":"image/svg+xml","lastModified":1675963687986.099,"size":50483}] 2d:{"title":"hometown hits - dashboard test","cells":[{"id":11,"value":"# hometown hits - dashboard test","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":202,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":366,"value":"dashboardLinework = FileAttachment(\"dashboard linework@3.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":370,"value":"border = {\n const width = 1200,\n height = 800;\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [50, 50, width-100, height-100]);\n\n\n var p = svg.selectAll(\"polyline\")\n .data(dashboardLinework) //get data to define path\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\") //appends path to data\n .attr('points', function(d) {return d})\n .style(\"fill\", \"steelblue\")\n .style(\"fill-opacity\", \".5\")\n .style('stroke-opacity','1')\n .style(\"stroke-width\", '1')\n .style(\"stroke\", \"steelblue\")\n \n return svg.node();\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":379,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":212,"value":"viewof logreadanceacademy = Inputs.range([0,15],{value:5,step:1,label:'Dance Classes at Logrea'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":231,"value":"viewof staugustinesepiscopal = Inputs.range([0,15],{value:0,step:1,label:'Dance Classes at St. Aug Church'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":234,"value":"viewof ossiningtrainstation = Inputs.range([0,10],{value:5,step:1,label:'Train from Ossining Station'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":240,"value":"viewof jacobburnsfilmcenter = Inputs.range([0,5],{value:1,step:1,label:'Film at Jacob Burns'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":251,"value":"viewof shattemucyachtclub = Inputs.range([0,10],{value:3,step:1,label:'Trip to Shattemuc Yacht Club'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":253,"value":"viewof josephschocolatechalet = Inputs.range([0,5],{value:1,step:1,label:'Truffles at the Chocolate Chalet'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":258,"value":"viewof rockysmillwooddeli = Inputs.range([0,5],{value:3,step:1,label:'Sandwiches at Rockys'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":264,"value":"viewof capripizzapasta = Inputs.range([0,4],{value:4,step:1,label:'Pizza at Capri'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":266,"value":"viewof samuraisushihibachi = Inputs.range([0,4],{value:2,step:1,label:'Sushi at Samurai'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":270,"value":"viewof firstvillagecoffee = Inputs.range([0,10],{value:5,step:1,label:'Coffee from First Village'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":272,"value":"viewof blackcowcoffeecompany = Inputs.range([0,10],{value:2,step:1,label:'Coffee at Black Cow'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":274,"value":"viewof homesweethome = Inputs.range([0,30],{value:10,step:1,label:'Day Spent at Home'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":276,"value":"viewof cedarlanedogpark = Inputs.range([0,5],{value:2,step:1,label:'Trip to the Dog Park'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":279,"value":"viewof ossiningsittingpark = Inputs.range([0,4],{value:1,step:1,label:'Walk at the Sitting Park'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":281,"value":"viewof richardgwishniepark = Inputs.range([0,10],{value:3,step:1,label:'Walk at Wishnie Park'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":283,"value":"viewof crotongorgepark = Inputs.range([0,5],{value:3,step:1,label:'Walk at the Croton Dam'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":285,"value":"viewof crotonlandingpark = Inputs.range([0,10],{value:5,step:1,label:'Walk at the Croton Landing'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":204,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":0,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":136,"value":"land = FileAttachment(\"land@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":70,"value":"streets = FileAttachment(\"simplifiedstreets.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":87,"value":"spotslink = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQZrcjy8PFmn1Kvo57cdTvKf0jFaxazQVE7akiS2sZ0wPr0ZktUilOGBa3hNTH-AfAHAh_GxRlvhhmH/pub?output=csv\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":90,"value":"spots = d3.csv(spotslink,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"},{"id":126,"value":"boundingBox1 = FileAttachment(\"bounding box2@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":311,"value":"riverShoreline = FileAttachment(\"river shoreline.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":560,"value":"hometownhitstext = FileAttachment(\"hometownhitstext@3.svg\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":577,"value":"paragraphtext = FileAttachment(\"paragraphtext@4.svg\").image()","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}