28:null 29:["$","title",null,{"children":"Nora's base map - UD Spring 2024 | Nora Wright | Observable"}] 2e:T27c8,chart = { const width = 860, height = 800; const svg = d3.create("svg") .attr("viewBox", [50, 50, width-100, height-100]); // Use Mercator projection var projection = d3 .geoMercator() .fitSize([width - 50, height - 50], jpBbox); var p = svg.selectAll("polyline") .data(yinyang) .enter() //there are more data than elements, this selects them .append("polyline") //appends path to data .attr('class','iconTest') .attr('points', function(d){return d}) .attr('transform', 'translate(200,200)') //.attr('transform', 'scale(1)') //not working right now .style('stroke','orangered') .style('stroke-width','1') .style('stroke-opacity','.1') .style('fill','orangered') .style('fill-opacity','.15') var path1 = d3.geoPath().projection(projection); var path2 = d3.geoPath().projection(projection); var path3 = d3.geoPath().projection(projection); var path4 = d3.geoPath().projection(projection); var path5 = d3.geoPath().projection(projection); var g = svg.append("g").attr("id", "paths"); svg .append("text") .attr('x','260') .attr('y','145') .style('font-family','julee') .style('font-size','60px') // .style('font-weight','bold')//use 'fill' to change font color .attr('fill','saddlebrown') .attr('text-anchor','middle ') .text('JAPAN TRIP') svg .append("text") .attr('x','280') .attr('y','175') .style('font-family','julee') .style('font-size','24px') .style('font-weight','light')//use 'fill' to change font color .attr('fill','peru') .attr('text-anchor','middle ') .text('Art, Culture, & Food Tour') g.selectAll("path5") //d3 geopath .data(outline.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlinesshadow') .attr('transform', 'translate(2,1)') .attr("d", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "black") .style("fill-opacity", ".5") g.selectAll("path5") //d3 geopath .data(outline.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlinesshadow') .attr("d", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "white") .style("fill-opacity", "1") g.selectAll("path3") //d3 geopath .data(outline.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", "ivory") .style("fill-opacity", ".9") .style('stroke-opacity','.8') .style("stroke-width", '.6') .style("stroke", "sienna") g.selectAll("path2") //d3 geopath .data(jpRoads.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','.35') .style("stroke-width", '.1') .style("stroke", "rgb(0,0,0)") g.selectAll("path1") //d3 geopath .data(jpRail.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','.5') .style("stroke-width", '.5') .style("stroke", "orange") p.enter().append("polyline") .data(icon_test) .enter() //there are more data than elements, this selects them .append("polyline") //appends path to data .attr('class','iconTest') .attr('points', function(d){return d}) .attr('transform', 'translate(125,200)') //.attr('transform', 'scale(1)') //not working right now .style('stroke-opacity','.9') .style("stroke-width", '.3') .style("stroke", "peru") .style('fill','peru') .style('fill-opacity','.8') /* p.enter().append("polyline") //d3 geopath .data(icon_list) .enter() //there are more data than elements, this selects them .append("polyline") //appends path to data .attr('class','iconTest') .attr('points',function(d){return d.pts}) .attr('transform',function(d){return 'translate('+projection([d.data.Long,d.data.Lat])[0]+','+projection([d.data.Long,d.data.Lat])[1]+')'}) //.attr('transform', 'scale(1,0.5)') //not working right now .style('stroke-opacity','.9') .style("stroke-width", '.3') .style("stroke", "peru") .style('fill',fillColor) .style('fill-opacity','.8') */ p.enter().append("polyline") .data(icon_list) .enter() //there are more data than elements, this selects them .append("polyline") .attr('class','icon') .attr('points',function(d){return d.pts}) .attr('transform',function(d){return 'translate('+projection([d.data.Long,d.data.Lat])[0]+','+projection([d.data.Long,d.data.Lat])[1]+')'}) .style('stroke-opacity','.9') .style("stroke-width", '.1') .style("stroke", "peru") .style('fill',fillColor) .style('fill-opacity','.9') .on('mouseover',spotsInfo) .on('mouseout',spotsInfoOut) function fillColor(d,i){ var color = 'peru' if(d.data.Rated==5){color = 'orangered' console.log("match")} if(d.data.Rated==4){color = 'tomato'} if(d.data.Rated==3){color = 'coral'} if(d.data.Rated==2){color = 'salmon'} if(d.data.Rated==1){color = 'lightsalmon'} return color } var c = svg.selectAll("circle") //d3 geopath /* .data(spots) .enter() //there are more data than elements, this selects them .append("circle") //appends path to data .attr('class','spotsPts') .attr("cx", function(d) {return projection([d.Long,d.Lat])[0]}) .attr("cy", function(d) {return projection([d.Long,d.Lat])[1]}) .attr('r',3.5) .style('stroke-opacity','1') .style("stroke-width", '.5') .style("stroke", "rgb(0,0,0)") .style('fill','peru') .style('fill-opacity','.5') */ function spotsInfo(event,d){ d3.select(this).style('fill','brown') svg.append('line') .attr('class','spotLine') .attr('x1','650') .attr('y1','635') .attr('x2','650') .attr('y2',projection([d.data.Long,d.data.Lat])[1]) .attr('stroke-width','1') .style('stroke-opacity','.5') .attr('stroke','brown') .attr('stroke-dasharray','2 2 4 2') svg.append('line') .attr('class','spotLine') .attr('x1',projection([d.data.Long,d.data.Lat])[0]) .attr('y1',projection([d.data.Long,d.data.Lat])[1]) .attr('x2','650') .attr('y2',projection([d.data.Long,d.data.Lat])[1]) .attr('stroke-width','1') .style('stroke-opacity','.5') .attr('stroke','brown') .attr('stroke-dasharray','2 2 4 2') svg.append("rect") .attr("class","dRect") .attr("x","550") .attr("y","635") .attr("rx","5") .attr("ry","5") .attr("height","55") .attr("width","175") .style("fill","white") .style('fill-opacity','1') .style("stroke-width","1") .style("stroke","brown") .style('stroke-opacity','.5') svg .append("text") .attr('class','spotsDes') .attr('x','710') .attr('y','698') .style('font-family','julee') .style('font-size','8px') .style('font-weight','light')//use 'fill' to change font color .attr('fill','peru') .attr('text-anchor','left') .text('Info') svg .append('text') .attr('class','spotsText') .attr('x','650') .attr('y','650') .style('font-family','julee') .attr('font-size','.75em') .attr('fill','brown') .attr('text-anchor','middle ') .style('font-weight','bold') .text(d.data.Name) var wrap = svg.selectAll('text.spotsText') .each(function(d,i) {wrap_text(d3.select(this),150)}) svg .append('text') .attr('class','spotsDes') .attr('x','650') .attr('y','660') .attr('font-family','century gothic') .attr('font-size','.45em') .attr('fill','saddlebrown') .attr('text-anchor','middle ') .text(d.data.Description) var wrap = svg.selectAll('text.spotsDes') .each(function(d,i) {wrap_text(d3.select(this),150)}) svg .append('text') .attr('class','spotsRate') .attr('x','570') .attr('y','670') .attr('font-family','julee') .attr('font-size','1.2em') .attr('fill','saddlebrown') .style('fill-opacity','.4') .attr('text-anchor','middle ') .text(d.data.Rating) var ratingList = [] if(d.data.Rated==1){ratingList = [shrine]} if(d.data.Rated==2){ratingList = [shrine,shrine]} if(d.data.Rated==3){ratingList = [shrine,shrine,shrine]} if(d.data.Rated==4){ratingList = [shrine,shrine,shrine,shrine]} if(d.data.Rated==5){ratingList = [shrine,shrine,shrine,shrine,shrine]} p.enter().append("polyline") .data(ratingList) .enter() //there are more data than elements, this selects them .append("polyline") .attr('class','icon_rating') .attr('points',function(d){return d}) .attr('transform',function(d,i){return 'translate('+(180+(i*25))+',205)'}) .style('stroke-opacity','.9') .style("stroke-width", '.05') .style("stroke", "saddlebrown") .style('fill','saddlebrown') .style('fill-opacity','.8') } function spotsInfoOut(event,d){ d3.selectAll('polyline.icon').style('fill',fillColor) d3.selectAll('text.spotsText').remove() d3.selectAll('text.spotsDes').remove() d3.selectAll('text.spotsRate').remove() d3.selectAll('rect.dRect').remove() d3.selectAll('line.spotLine').remove() d3.selectAll('polyline.icon_rating').remove() } return svg.node(); }2f:Ta4f,// from https://stackoverflow.com/questions/63288390/font-style-of-text-in-svg-not-propagating-to-png-on-download /* Only tested on a really limited set of fonts, can very well not work This should be taken as an proof of concept rather than a solid script. @Params : an url pointing to an embed Google Font stylesheet @Returns : a Promise, fulfiled with all the cssRules converted to dataURI as an Array */ function GFontToDataURI(url) { return fetch(url) // first fecth the embed stylesheet page .then((resp) => resp.text()) // we only need the text of it .then((text) => { // now we need to parse the CSSruleSets contained // but chrome doesn't support styleSheets in DOMParsed docs... let s = document.createElement("style"); s.innerHTML = text; document.head.appendChild(s); let styleSheet = s.sheet; // this will help us to keep track of the rules and the original urls let FontRule = (rule) => { let src = rule.style.getPropertyValue("src") || rule.style.cssText.match(/url$.*?$/g)[0]; if (!src) return null; let url = src.split("url(")[1].split(")")[0]; return { rule: rule, src: src, url: url.replace(/\"/g, "") }; }; let fontRules = [], fontProms = []; // iterate through all the cssRules of the embedded doc // Edge doesn't make CSSRuleList enumerable... for (let i = 0; i < styleSheet.cssRules.length; i++) { let r = styleSheet.cssRules[i]; let fR = FontRule(r); if (!fR) { continue; } fontRules.push(fR); fontProms.push( fetch(fR.url) // fetch the actual font-file (.woff) .then((resp) => resp.blob()) .then((blob) => { return new Promise((resolve) => { // we have to return it as a dataURI // because for whatever reason, // browser are afraid of blobURI in too... let f = new FileReader(); f.onload = (e) => resolve(f.result); f.readAsDataURL(blob); }); }) .then((dataURL) => { // now that we have our dataURI version, // we can replace the original URI with it // and we return the full rule's cssText return fR.rule.cssText.replace(fR.url, dataURL); }) ); } document.head.removeChild(s); // clean up return Promise.all(fontProms); // wait for all this has been done }); }30:T5c3,dashboard = html`

${dashboardGraphics}

${chart}

${viewof gm} ${viewof sd} ${viewof is}

${md`Art`}

${md`Culture`}

${md`Food`}

${md`Anticipated Enjoyment: **${calculatedValues[0]}**`}

${md`Anticipated Cost: **${calculatedValues[1]}**`}

${drawTotoro}

`31:[{"id":"d86434b740ff562949239ca978aa235f787f86cd96eb15602a2a173c6a83b2cd3c3975adaa07e9be9ee43cb325dac59727769e97e4e95fc57781a66c7e20bced","href":"https://static.observableusercontent.com/files/d86434b740ff562949239ca978aa235f787f86cd96eb15602a2a173c6a83b2cd3c3975adaa07e9be9ee43cb325dac59727769e97e4e95fc57781a66c7e20bced","name":"lantern1@1.txt","type":"text/plain","lastModified":1706678424107.467,"size":348346},{"id":"f3b25f6ca47c2a91ab9135cde0dafa76a702223e22553de2a5eb5d3d29907be6a763aa6be7ca82bd7c32f577d0864c4867c34f6fa002752f42158ddd3bfcda1d","href":"https://static.observableusercontent.com/files/f3b25f6ca47c2a91ab9135cde0dafa76a702223e22553de2a5eb5d3d29907be6a763aa6be7ca82bd7c32f577d0864c4867c34f6fa002752f42158ddd3bfcda1d","name":"lantern1@2.txt","type":"text/plain","lastModified":1706679435246.673,"size":354962},{"id":"cf613b0cea3eea4881ac659b35e8a770e94afe51e3d387d1f5e328303179c5300f63443227da7f70e649c397efb33c450ada95a0f7efc0528ace88cdbef4b945","href":"https://static.observableusercontent.com/files/cf613b0cea3eea4881ac659b35e8a770e94afe51e3d387d1f5e328303179c5300f63443227da7f70e649c397efb33c450ada95a0f7efc0528ace88cdbef4b945","name":"shrine3.txt","type":"text/plain","lastModified":1706682959930.71,"size":234596},{"id":"32ff5e44c70cf5f85741b21e25365dd89250888d22b38e3e7dc2254acb13858c4aa9716af8a75788d091aedc524767ee7b332f2e9ed4d61a151d707ddec04dcb","href":"https://static.observableusercontent.com/files/32ff5e44c70cf5f85741b21e25365dd89250888d22b38e3e7dc2254acb13858c4aa9716af8a75788d091aedc524767ee7b332f2e9ed4d61a151d707ddec04dcb","name":"test_dash.txt","type":"text/plain","lastModified":1706719492746.103,"size":333},{"id":"e2fa1dc5cf145281da1a53806f490e6a40aa69d0f871fc483ace20d3c358885f57211a214d29ef96cc38822c6c8310a6208390e0539b15aa4eafe689f3394e0a","href":"https://static.observableusercontent.com/files/e2fa1dc5cf145281da1a53806f490e6a40aa69d0f871fc483ace20d3c358885f57211a214d29ef96cc38822c6c8310a6208390e0539b15aa4eafe689f3394e0a","name":"sub_stops.geojson","type":"application/geo+json","lastModified":1705507631352.05,"size":6135},{"id":"7b9a69a0561d7bd96aff56475982b168e21e12bbbd6ca016d05329e423d72f93ad414cd770e2b9b48d8f771668a2620609ccbc165eafa1f01f85356405aee2b6","href":"https://static.observableusercontent.com/files/7b9a69a0561d7bd96aff56475982b168e21e12bbbd6ca016d05329e423d72f93ad414cd770e2b9b48d8f771668a2620609ccbc165eafa1f01f85356405aee2b6","name":"bldgs.geojson","type":"application/geo+json","lastModified":1705507631352.05,"size":1529909},{"id":"41b37f63d4c4b7b23efb8a4c880ad732b5d0ef947234d2063fb96f69a043d25d1d410e4cbe4f586041adea987eaf28dbfd07b7a48c4bb18f7dcd1dc28bf0ccf7","href":"https://static.observableusercontent.com/files/41b37f63d4c4b7b23efb8a4c880ad732b5d0ef947234d2063fb96f69a043d25d1d410e4cbe4f586041adea987eaf28dbfd07b7a48c4bb18f7dcd1dc28bf0ccf7","name":"site_boundary.geojson","type":"application/geo+json","lastModified":1705507631352.05,"size":640},{"id":"773f31335d4336bc7f5ceb49cf5524786afb387f276742a3e1a87191808c7bf918126e31ed83c31ddc5264212eced77994319585fe0cf5085e418103095dccfc","href":"https://static.observableusercontent.com/files/773f31335d4336bc7f5ceb49cf5524786afb387f276742a3e1a87191808c7bf918126e31ed83c31ddc5264212eced77994319585fe0cf5085e418103095dccfc","name":"subway_lines.geojson","type":"application/geo+json","lastModified":1705507631352.05,"size":27570},{"id":"ded276650c2ed2460bec82fbfd3963a36ab2a68e7e5a1283d5bf63c3344f7b6f8ce218706ed3422e54262c1dfac6c2d7f6866b09e0862051f28dca67b9c425b0","href":"https://static.observableusercontent.com/files/ded276650c2ed2460bec82fbfd3963a36ab2a68e7e5a1283d5bf63c3344f7b6f8ce218706ed3422e54262c1dfac6c2d7f6866b09e0862051f28dca67b9c425b0","name":"dashboard-border1.txt","type":"text/plain","lastModified":1707266805892.422,"size":6060965},{"id":"e2e4b6bf48311b900246f1844c7b4ea8ac482f72bbcd5942c6e0c750912b4d845f1f502d4feb6756041c5c6344a02dfb402ece70589ca3b8066ee431b54645bc","href":"https://static.observableusercontent.com/files/e2e4b6bf48311b900246f1844c7b4ea8ac482f72bbcd5942c6e0c750912b4d845f1f502d4feb6756041c5c6344a02dfb402ece70589ca3b8066ee431b54645bc","name":"totoro.txt","type":"text/plain","lastModified":1707281097598.737,"size":196301},{"id":"b29ab8b3f8fe2bc1e967fc6ab0f40fbd94fc0ceaedd226692d7c2939984cbec3e3e481c577e7905921005833030c351f626da44f70705fced094d0158ad42e81","href":"https://static.observableusercontent.com/files/b29ab8b3f8fe2bc1e967fc6ab0f40fbd94fc0ceaedd226692d7c2939984cbec3e3e481c577e7905921005833030c351f626da44f70705fced094d0158ad42e81","name":"yinyang.txt","type":"text/plain","lastModified":1707281242559.241,"size":960623},{"id":"f0e189ff0f48a40cad8d59111ba3c5b4f417429f132ac7f60b7bcc2cf26f552143e29d4c593647b9c062f99f1547ea55d27d59e6df95cfe3a08a3babbb1f252b","href":"https://static.observableusercontent.com/files/f0e189ff0f48a40cad8d59111ba3c5b4f417429f132ac7f60b7bcc2cf26f552143e29d4c593647b9c062f99f1547ea55d27d59e6df95cfe3a08a3babbb1f252b","name":"yinyang_lg.txt","type":"text/plain","lastModified":1707281327968.038,"size":940003},{"id":"3fbc869b66dcd01adc54cf9546bd208dee89f84f956a2ab1d77b73fcb053f9bf2901786520d61d6544e9608723ef02f08cec192c4101ec6c399c3f0b8c079076","href":"https://static.observableusercontent.com/files/3fbc869b66dcd01adc54cf9546bd208dee89f84f956a2ab1d77b73fcb053f9bf2901786520d61d6544e9608723ef02f08cec192c4101ec6c399c3f0b8c079076","name":"yinyang_lg@1.txt","type":"text/plain","lastModified":1707281748580.331,"size":2440808},{"id":"fa936cc1190d6a74e7df266e08f155e2a85b09eef77f59ed6a9abec5b39a62f884d8a35b65a0dabdcfe3126ef9a1f92d6d2661dd3d319f3ae41fdf2eb8988ade","href":"https://static.observableusercontent.com/files/fa936cc1190d6a74e7df266e08f155e2a85b09eef77f59ed6a9abec5b39a62f884d8a35b65a0dabdcfe3126ef9a1f92d6d2661dd3d319f3ae41fdf2eb8988ade","name":"shrine_icon.txt","type":"text/plain","lastModified":1706723978145.005,"size":151544},{"id":"bfb6f662ad26cd3629ab53002a4aa61b52b5361e6291d6f37fa4ade205637cb6713a97d4b87f1d08618c70d804718ea8e49b794d226a8be5bf0ef383ff485a71","href":"https://static.observableusercontent.com/files/bfb6f662ad26cd3629ab53002a4aa61b52b5361e6291d6f37fa4ade205637cb6713a97d4b87f1d08618c70d804718ea8e49b794d226a8be5bf0ef383ff485a71","name":"shrine1.txt","type":"text/plain","lastModified":1706676243387.206,"size":29024},{"id":"cdcfa5dc04e069add67f1dc0fb1badd80b7d1fc2f85da3ec483d04349e6f63720079398f35a8dfb30d7748310578d8d1ede95c34f769d8d2afee995a6b7cb964","href":"https://static.observableusercontent.com/files/cdcfa5dc04e069add67f1dc0fb1badd80b7d1fc2f85da3ec483d04349e6f63720079398f35a8dfb30d7748310578d8d1ede95c34f769d8d2afee995a6b7cb964","name":"lantern1.txt","type":"text/plain","lastModified":1706676825703.89,"size":348347},{"id":"9c2b5cd072ef1a266fb348b8d5cdb1623457340c28638d749e8929b928819fa14983c0feceb54716f286b35555af6950e4c941b06bbe941b69a81f1a7d0e2623","href":"https://static.observableusercontent.com/files/9c2b5cd072ef1a266fb348b8d5cdb1623457340c28638d749e8929b928819fa14983c0feceb54716f286b35555af6950e4c941b06bbe941b69a81f1a7d0e2623","name":"lantern2.txt","type":"text/plain","lastModified":1706677153043.526,"size":348353},{"id":"c9b0a7553696591381ceac9fdda0cfd53f5a12ac787b3c10438e4bfec92fb2791b64b923a092844c8268f1461f458e232e0b7b5476f4e7e0cfd5358311b01dbc","href":"https://static.observableusercontent.com/files/c9b0a7553696591381ceac9fdda0cfd53f5a12ac787b3c10438e4bfec92fb2791b64b923a092844c8268f1461f458e232e0b7b5476f4e7e0cfd5358311b01dbc","name":"lantern2@1.txt","type":"text/plain","lastModified":1706677911817.595,"size":348351},{"id":"88a4e4b0a1fa6bc0aed141b5312685a19f71f939e879dab9502d80b0c38875d16686b18d431fc01499079c6dd1a55797adcd97068d2c1cd48bd9da969d633ec0","href":"https://static.observableusercontent.com/files/88a4e4b0a1fa6bc0aed141b5312685a19f71f939e879dab9502d80b0c38875d16686b18d431fc01499079c6dd1a55797adcd97068d2c1cd48bd9da969d633ec0","name":"shrine4.txt","type":"text/plain","lastModified":1706683612732.614,"size":526573},{"id":"29b36405a28e4f01aa8d8792fcde4796bbc0839baf72e5df2c54ad702481e74c1522df9347997ff62f5481d5c6055fbc426fde76ce0efb6a0e6f1f3e2480a636","href":"https://static.observableusercontent.com/files/29b36405a28e4f01aa8d8792fcde4796bbc0839baf72e5df2c54ad702481e74c1522df9347997ff62f5481d5c6055fbc426fde76ce0efb6a0e6f1f3e2480a636","name":"icon_test.txt","type":"text/plain","lastModified":1706113594527.744,"size":29072},{"id":"d1e9edb38bdbea859618076a40f8df07a01638e6d381b5c9bd57b6ece164fdb910f4a45a623c4112e6a428eed7fd28b0e7f79b8bb023a86c45535038615f2aa9","href":"https://static.observableusercontent.com/files/d1e9edb38bdbea859618076a40f8df07a01638e6d381b5c9bd57b6ece164fdb910f4a45a623c4112e6a428eed7fd28b0e7f79b8bb023a86c45535038615f2aa9","name":"shrine5@1.txt","type":"text/plain","lastModified":1706719039046.621,"size":509015},{"id":"49066bd6a2c1d07b628fae420992f2882a92c043de9fd198ff14e62a866ec00128ecc149ba3b7cd1b2887a902ae0551d0b338f6360dbc3823f63f1b05feef2e8","href":"https://static.observableusercontent.com/files/49066bd6a2c1d07b628fae420992f2882a92c043de9fd198ff14e62a866ec00128ecc149ba3b7cd1b2887a902ae0551d0b338f6360dbc3823f63f1b05feef2e8","name":"test_dash@1.txt","type":"text/plain","lastModified":1706720133912.787,"size":234},{"id":"f7c7fc079efe279a0c0dc6473f1982f0c64ff754c36e37677f34b54b5d934aead76e159f52e13ceb61f2d6f2ecb0e5849f0711a664115be04354e5f8800e9399","href":"https://static.observableusercontent.com/files/f7c7fc079efe279a0c0dc6473f1982f0c64ff754c36e37677f34b54b5d934aead76e159f52e13ceb61f2d6f2ecb0e5849f0711a664115be04354e5f8800e9399","name":"jp roads.geojson","type":"application/geo+json","lastModified":1705508976695.458,"size":23947936},{"id":"49ba67861b68e5ef5aa5b8d8eb5139d1e6819b1bab9f3ed977f62305672f587e4e8ea88d8f14ef9b6b8e29e604e00108a811bd4be6ec29882d7805d37e5093a5","href":"https://static.observableusercontent.com/files/49ba67861b68e5ef5aa5b8d8eb5139d1e6819b1bab9f3ed977f62305672f587e4e8ea88d8f14ef9b6b8e29e604e00108a811bd4be6ec29882d7805d37e5093a5","name":"jp coastline.geojson","type":"application/geo+json","lastModified":1705508960633.325,"size":2687691},{"id":"8f1b1276af7dea1f223a344fcebb1a6463ab8a4b4d61e4513fae6cd45f5e7d3f7ed93b633b089aed7e1c9802abc89d84bedcbc619e4d30adb11d63dad828c233","href":"https://static.observableusercontent.com/files/8f1b1276af7dea1f223a344fcebb1a6463ab8a4b4d61e4513fae6cd45f5e7d3f7ed93b633b089aed7e1c9802abc89d84bedcbc619e4d30adb11d63dad828c233","name":"JP bbox.geojson","type":"application/geo+json","lastModified":1705508987764.153,"size":638},{"id":"37b03ec75796c4ca6a91f31df6031554453bb41cf9d11a59e0b968d0f315dfc11d9f2d9fb16df6d0f090a0a5c96e3f936713ecc4f1b7ef26975491560d8e2b3f","href":"https://static.observableusercontent.com/files/37b03ec75796c4ca6a91f31df6031554453bb41cf9d11a59e0b968d0f315dfc11d9f2d9fb16df6d0f090a0a5c96e3f936713ecc4f1b7ef26975491560d8e2b3f","name":"jp rail.geojson","type":"application/geo+json","lastModified":1705509567971.244,"size":4677758},{"id":"ac25177e7d798146ed56b747059760bea6b9b3634267690a897ed1297c918a06cd46fbcebe30fd971482fa08c6bdcc0fbde07944ac34802af9b7384be808bf4e","href":"https://static.observableusercontent.com/files/ac25177e7d798146ed56b747059760bea6b9b3634267690a897ed1297c918a06cd46fbcebe30fd971482fa08c6bdcc0fbde07944ac34802af9b7384be808bf4e","name":"jp coastline 2.geojson","type":"application/geo+json","lastModified":1705509935408.93,"size":3015379},{"id":"0c0af3bd1228e0526c507520385a600c9200a5402f802153b0ea694ebd8a4b7d5b352f3dd99af356beb2e0224ab0aa7225c68a499e6085f942515a8af1b9f0e4","href":"https://static.observableusercontent.com/files/0c0af3bd1228e0526c507520385a600c9200a5402f802153b0ea694ebd8a4b7d5b352f3dd99af356beb2e0224ab0aa7225c68a499e6085f942515a8af1b9f0e4","name":"JP bbox sm.geojson","type":"application/geo+json","lastModified":1705510034516.124,"size":641},{"id":"d1e9edb38bdbea859618076a40f8df07a01638e6d381b5c9bd57b6ece164fdb910f4a45a623c4112e6a428eed7fd28b0e7f79b8bb023a86c45535038615f2aa9","href":"https://static.observableusercontent.com/files/d1e9edb38bdbea859618076a40f8df07a01638e6d381b5c9bd57b6ece164fdb910f4a45a623c4112e6a428eed7fd28b0e7f79b8bb023a86c45535038615f2aa9","name":"shrine5@2.txt","type":"text/plain","lastModified":1706723707004.244,"size":509015}] 2c:{"id":"d082e7fcdab81141","slug":null,"title":"Nora's base map - UD Spring 2024","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2024-01-17T16:07:11.352Z","update_time":"$D2024-02-07T17:06:01.027Z","view_time":null,"first_public_time":"$D2024-01-17T16:07:11.352Z","has_unpublished_edits":null,"fork":{"id":"2d542248ed902612","slug":null,"title":"base map - UD Spring 2024 - fleet's version","owner":{"id":"e88d5b4a989c506e","login":"fleeth","name":"Fleet Hower"}},"stars":0,"starred":false,"owner":{"type":"team","id":"80c09fced13398bf","login":"nwright","name":"Nora Wright","avatar_url":"https://avatars-next.observableusercontent.com/a7c7ae921fe1aec8b083c7f0707b41e5c2462d925008168c608b3aae105db319","tier":"starter_2024"},"version":676,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b365cf14c6e53673","login":"nwright","name":"Nora Wright","avatar_url":"https://avatars-next.observableusercontent.com/a7c7ae921fe1aec8b083c7f0707b41e5c2462d925008168c608b3aae105db319","tier":null},{"type":"individual","id":"df84799035553ff3","login":"fleeth","name":"Fleet Hower","avatar_url":"https://avatars-next.observableusercontent.com/bac6c76c1e7bcb5ac4be02b2a91e9bee64ecbb953fb1e9d52d6563dcb78eefca","tier":null}],"members":[{"type":"individual","id":"b365cf14c6e53673","login":"nwright","name":"Nora Wright","avatar_url":"https://avatars-next.observableusercontent.com/a7c7ae921fe1aec8b083c7f0707b41e5c2462d925008168c608b3aae105db319","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Nora's base map - UD Spring 2024","cells":[{"id":11,"value":"# Nora's base map - UD Spring 2024","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":327,"value":"lantern1 = FileAttachment(\"lantern1@2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"icon_list = {\n\n ///create empty list\n var list = []\n\n ///loop through google sheets list\n for (let i = 0; i < spots.length; i++) {\n //function to add item to a list\n list.push({data:spots[i],pts:lantern1})\n } \n \n //add icon points to each google sheet item\n ////addd combined data to empty list\n\n\n //return new list\n return list\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"jpBboxSm = FileAttachment(\"JP bbox sm.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"icon_test = FileAttachment(\"lantern2@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":609,"value":"yinyang = FileAttachment(\"yinyang_lg@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"shrine = FileAttachment(\"shrine5@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"jpRail = FileAttachment(\"jp rail.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"jpRoads = FileAttachment(\"jp roads.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"outline = FileAttachment(\"jp coastline 2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"subSts = FileAttachment(\"sub_stops.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"bldgs = FileAttachment(\"bldgs.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"bbox = FileAttachment(\"site_boundary.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"subLns = FileAttachment(\"subway_lines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"jpBbox = FileAttachment(\"JP bbox.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"spots_link = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vQMcrgGRcOEhX10HqQdfRhR3At8QhoTn7Xomq_CG8CjEV31x_y_pQlme-H5NDyF09KjVj34ChvnuOow/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"spots = d3.csv(spots_link,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"import { wrap_text, wrap_text_nchar } from \"@ben-tanen/svg-text-and-tspan-word-wrapping\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"julee = ","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":673,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"GFontToDataURI(\n // \"https://fonts.googleapis.com/css2?family=Julee&display=swap\"\n \"https://fonts.googleapis.com/css2?family=Julee&display=swap\"\n )\n .then((cssRules) => {\n let fontRules = cssRules.join(\"\\n\");\n svg\n .append(\"defs\")\n .append(\"style\")\n .attr(\"type\", \"text/css\")\n .text(fontRules);\n console.log(\"Added Font\");\n })\n .catch((reason) => console.log(reason));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":562,"value":"marmelad = \n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":566,"value":"ysabeau = \n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":569,"value":"patrickHand = \n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":578,"value":"comic neau = \n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":397,"value":"test_dash = FileAttachment(\"test_dash@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":504,"value":"border1 = FileAttachment(\"dashboard-border1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":399,"value":"dashboardGraphics = {\n\n const width = 1060,\n height = 1000;\n \n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n var p = svg.selectAll(\"polyline\")\n .data(border1)\n .enter()\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .attr('transform', 'translate(2,1)')\n .attr('fill','grey')\n .style('fill-opacity','.15')\n\np.enter().append(\"polyline\")\n .data(border1)\n .enter()\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .attr('fill','white')\n .style('fill-opacity','1')\n\n p.enter().append(\"polyline\")\n .data(border1)\n .enter()\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .attr('fill','orangered')\n .style('fill-opacity','.1')\n .style('stroke-opacity','.5')\n .style(\"stroke-width\", '.3')\n .style('stroke','peru')\n\n\n \n \n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":408,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":479,"value":"drawTotoro = {\n var icon = ' '\n if(calculatedValues[0]>10 && calculatedValues[1]<200){icon = totoroIcon}\n\n\n return icon\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"viewof gm = Inputs.radio([\"0\", \"1\", \"2\"],)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":433,"value":"viewof sd = Inputs.radio([\"0\", \"1\", \"2\"],)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":437,"value":"viewof is = Inputs.radio([\"0\", \"1\", \"2\"],)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":448,"value":"spotsDataset = [\n {name:'gm',rating:4,cost:15},\n {name:'sd',rating:3,cost:10},\n {name:'is',rating:2,cost:20}\n \n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"calculatedValues = {\n\n var totalRating = 0\n var totalCost = 0\n\n totalRating = totalRating+spotsDataset[0].rating*gm\n totalRating = totalRating+spotsDataset[1].rating*sd\n totalRating = totalRating+spotsDataset[2].rating*is\n\n totalCost = totalCost+spotsDataset[0].cost*gm\n totalCost = totalCost+spotsDataset[1].cost*sd\n totalCost = totalCost+spotsDataset[2].cost*is\n\n return [totalRating,totalCost]\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":459,"value":"calculatedValues[0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":472,"value":"totoroIcon = {\n\n const width = 100,\n height = 100;\n \n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n var p = svg.selectAll(\"polyline\")\n .data(totoro)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .style('fill','saddlebrown')\n //.style('stroke','black')\n //.style('stroke-width','3')\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"shrine_icon = FileAttachment(\"shrine_icon.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":605,"value":"totoro = FileAttachment(\"totoro.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1"}} 2d:"$2c:body"