2f:T2953,chart = { const width = 1200, height = 960; 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], bbox1); 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 g = svg.append("g").attr("id", "paths"); g.selectAll("trails") //d3 geopath .data(trails.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','0.6') .style("stroke-width", '0.4') .style("stroke", "rgb(0,0,0)") g.selectAll("boundaries") //d3 geopath .data(boundaries.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", "rgb(153,255,153)") .style("fill-opacity", ".05") .style('stroke-opacity','1') .style("stroke-width", '.25') .style("stroke", "rgb(0,0,0)") g.selectAll("waterBoundaries") //d3 geopath .data(waterBoundaries.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", "rgb(102,102,255)") .style("fill-opacity", ".1") .style('stroke-opacity','.4') .style("stroke-width", '0.5') .style("stroke", "rgb(68,85,200)") //Title and Text...................................................................................................................................... svg .append('text') .attr('x','65') .attr('y','120') .attr("font-family", "arial") .attr('font-size','35') //.attr('text-anchor','end') .style("font-weight","bold") .style("fill","rgb(0,0,0)") .text("Wyoming's") svg .append('text') .attr('x','65') .attr('y','160') .attr("font-family", "arial") .attr('font-size','35') //.attr('text-anchor','end') .style("font-weight","bold") .style("fill","rgb(0,0,0)") .text("Natural") svg .append('text') .attr('class','station') .attr('x','65') .attr('y','200') .attr("font-family", "arial") .attr('font-size','35') //.attr('text-anchor','end') .style("font-weight","bold") .style("fill","rgb(0,0,0)") .text("Wonders") svg .append('line') .attr('class','sbLn') .attr('x1',50) .attr('y1',210) .attr('x2',250) .attr('y2',210) .attr('stroke-width','2') .attr('stroke-opacity','0.75') .style('stroke','rgb(0,0,0)') //Start of park interactive info.................................................................................................................. var p = svg.selectAll("polyline") .data(treeicon1) .enter() //there are more data than elements, this selects them .append("polyline") .attr('points', function(d){return d}) .attr('transform', 'translate(80,250)') .style('fill', 'grey') .style('stroke','black') .style('stroke-width','0.9') .style('stroke-fill', '4,4,8,8') p.enter().append("polyline") .data(icon_list) .enter() //there are more data than elements, this selects them .append("polyline") .attr('class','icon2') .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('fill', fillcolor) .style('stroke','black') .style('stroke-width','0.9') .style('stroke-fill', '4,4,8,8') .on('mouseover',parkInfo)//listens for a mousover, and calls function .on('mouseout', parkInfoOut) function fillcolor(d,i){ var color = 'rgb(0,255,0)' if(d.data.Rating==5){color='rgb(0,255,0)'} if(d.data.Rating==4){color='rgb(102,204,0)'} if(d.data.Rating==3){color='rgb(153,255,153)'} if(d.data.Rating==2){color='rgb(204,255,204)'} if(d.data.Rating==1){color='rgb(255,255,255)'} return color } function parkInfo(event,d){ d3.select(this).style('fill','white') svg .append('text') .attr('class','parkText') .attr('x','75') .attr('y','845') .style("font-family", "Helvetica") .style('font-size','1em') .style('font-weight','10') .style('fill','rgb(0,0,0)') .style('text-anchor','start') .text(d.data.Name) svg .append('text') .attr('class','parkText') .attr('x','75') .attr('y','860') .style("font-family", "Helvetica") .style('font-size','.60em') .style('fill','rgb(0,0,0)') .style('text-anchor','start') .text(d.data.Description) svg .append('text') .attr('class','parkText') .attr('x','75') .attr('y','875') .style("font-family", "Helvetica") .style('font-size','.60em') .style('fill','rgb(0,0,0)') .style('text-anchor','start') .text(d.data.Rating) svg .append('line') .attr('class','parkLine') .attr('x1','75') .attr('y1','880') .attr('x2','800') .attr('y2','880') .style('stroke','black') .style('stroke-width','1') var ratingList= [] if(d.data.Rating==1){ratingList = [treeicon1]} if(d.data.Rating==2){ratingList = [treeicon1,treeicon1]} if(d.data.Rating==3){ratingList = [treeicon1,treeicon1,treeicon1]} if(d.data.Rating==4){ratingList = [treeicon1,treeicon1,treeicon1,treeicon1]} if(d.data.Rating==5){ratingList = [treeicon1,treeicon1,treeicon1,treeicon1,treeicon1]} p.enter().append("polyline") .data(ratingList) .enter() //there are more data than elements, this selects them .append("polyline") .attr('class','icon_rating2') .attr('points', function(d){return d}) .attr('transform',function(d,i){return 'translate('+(75+(i*25))+',805)'}) .style('fill', 'white') .style('stroke','black') .style('stroke-width','0.25') .style('stroke-fill', '4') } function parkInfoOut(event, d){ d3.selectAll('text.parkText').remove() d3.selectAll('line.parkLine').remove() d3.selectAll('polyline.icon_rating2').remove() d3.selectAll('polyline.icon2').style('fill',fillcolor) } //mountain data................................................................................................................................ var p = svg.selectAll("polyline") .data(mountainicon) .enter() //there are more data than elements, this selects them .append("polyline") .attr('points', function(d){return d}) .attr('transform', 'translate(75,300)') .style('fill', 'grey') .style('stroke','black') .style('stroke-width','0.9') .style('stroke-fill', '4,4,8,8') p.enter().append("polyline") .data(icon_list2) .enter() //there are more data than elements, this selects them .append("polyline") .attr('class','icon1') .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('fill', fillcolor1) .style('stroke','black') .style('stroke-width','0.9') .style('stroke-fill', '4,4,8,8') .on('mouseover',mountainsInfo)//listens for a mousover, and calls function .on('mouseout', mountainsInfoOut) function fillcolor1(d,i){ var color = 'rgb(0,255,0)' if(d.data.Rating==5){color='rgb(0,255,0)'} if(d.data.Rating==4){color='rgb(102,204,0)'} if(d.data.Rating==3){color='rgb(153,255,153)'} if(d.data.Rating==2){color='rgb(204,255,204)'} if(d.data.Rating==1){color='rgb(235,255,235)'} return color } function mountainsInfo(event,d){ d3.select(this).style('fill','white') svg .append('text') .attr('class','mountainsText') .attr('x','75') .attr('y','845') .style("font-family", "Helvetica") .style('font-size','1em') .style('font-weight','10') .style('fill','rgb(0,0,0)') .style('text-anchor','start') .text(d.data.Name) svg .append('text') .attr('class','mountainsText') .attr('x','75') .attr('y','860') .style("font-family", "Helvetica") .style('font-size','.60em') .style('fill','rgb(0,0,0)') .style('text-anchor','start') .text(d.data.Description) svg .append('text') .attr('class','mountainsText') .attr('x','75') .attr('y','875') .style("font-family", "Helvetica") .style('font-size','.60em') .style('fill','rgb(0,0,0)') .style('text-anchor','start') .text(d.data.Rating) svg .append('line') .attr('class','mountainsLine') .attr('x1','75') .attr('y1','880') .attr('x2','800') .attr('y2','880') .style('stroke','black') .style('stroke-width','1') var ratingList= [] if(d.data.Rating==1){ratingList = [mountainicon]} if(d.data.Rating==2){ratingList = [mountainicon,mountainicon]} if(d.data.Rating==3){ratingList = [mountainicon,mountainicon,mountainicon]} if(d.data.Rating==4){ratingList = [mountainicon,mountainicon,mountainicon,mountainicon]} if(d.data.Rating==5){ratingList = [mountainicon,mountainicon,mountainicon,mountainicon,mountainicon]} p.enter().append("polyline") .data(ratingList) .enter() //there are more data than elements, this selects them .append("polyline") .attr('class','icon_rating1') .attr('points', function(d){return d}) .attr('transform',function(d,i){return 'translate('+(90+(i*50))+',805)'}) .style('fill', 'white') .style('stroke','black') .style('stroke-width','0.25') .style('stroke-fill', '4') } function mountainsInfoOut(event, d){ d3.selectAll('text.mountainsText').remove() d3.selectAll('line.mountainsLine').remove() d3.selectAll('polyline.icon_rating1').remove() d3.selectAll('polyline.icon1').style('fill',fillcolor1) } return svg.node(); } 30:T843,dashboard1 = html`

${dashboard_graphics}

${chart}

${viewof CM}

${viewof GT}

${viewof NB}

${viewof WR}

${viewof TP}

${viewof MW}

${viewof PP}

${viewof SNF}

${viewof BTF}

${viewof GTP}

${viewof YNP}

${md`Anticipated Excitment (in stars): **${calculatedValues[0]}** `}

${md`Anticipated Hike Time (in hours): **${calculatedValues[1]}** `}

${DrawStar}

`31:T586,calculatedValues = { var totalrating = 0 var totaldifficulty = 0 totalrating = totalrating+MountainDataset[0].rating*CM totalrating = totalrating+MountainDataset[1].rating*GT totalrating = totalrating+MountainDataset[2].rating*NB totalrating = totalrating+MountainDataset[3].rating*WR totalrating = totalrating+MountainDataset[4].rating*TP totalrating = totalrating+MountainDataset[5].rating*MW totalrating = totalrating+MountainDataset[6].rating*PP totalrating = totalrating+ParkDataset[0].rating*SNF totalrating = totalrating+ParkDataset[1].rating*BTF totalrating = totalrating+ParkDataset[2].rating*GTP totalrating = totalrating+ParkDataset[3].rating*YNP totaldifficulty = totaldifficulty+MountainDataset[0].time*CM totaldifficulty = totaldifficulty+MountainDataset[1].time*GT totaldifficulty = totaldifficulty+MountainDataset[2].time*NB totaldifficulty = totaldifficulty+MountainDataset[3].time*WR totaldifficulty = totaldifficulty+MountainDataset[4].time*TP totaldifficulty = totaldifficulty+MountainDataset[5].time*MW totaldifficulty = totaldifficulty+MountainDataset[6].time*PP totaldifficulty = totaldifficulty+ParkDataset[0].time*SNF totaldifficulty = totaldifficulty+ParkDataset[1].time*BTF totaldifficulty = totaldifficulty+ParkDataset[2].time*GTP totaldifficulty = totaldifficulty+ParkDataset[3].time*YNP return [totalrating,totaldifficulty] }32:[{"id":"f025d5f35d892bde387cce51f4c626cead32433fed0034a38550988a8c799619b076f0d2bc0b254b0e599170b46d441c3738a2becd49da89377417d036330f8b","href":"https://static.observableusercontent.com/files/f025d5f35d892bde387cce51f4c626cead32433fed0034a38550988a8c799619b076f0d2bc0b254b0e599170b46d441c3738a2becd49da89377417d036330f8b","name":"star.txt","type":"text/plain","lastModified":1706804885842.025,"size":311},{"id":"6f75c561aade9e3e43bc5db04182fa50b72f86f066e455bd068fdf8644b8882f16b923d19ecc490f20c2b749860696694b38ab7bbb34bf77a4b8137781b3c428","href":"https://static.observableusercontent.com/files/6f75c561aade9e3e43bc5db04182fa50b72f86f066e455bd068fdf8644b8882f16b923d19ecc490f20c2b749860696694b38ab7bbb34bf77a4b8137781b3c428","name":"bbox.geojson","type":"application/geo+json","lastModified":1706722943823.996,"size":495},{"id":"b0c00758a906e454c4cea4bb06e5b1c13138cbd7a2c79f889ae3593d85268f490c44b01f81dd0f61448630fca7c031a3415602e85f039b310981072b22944121","href":"https://static.observableusercontent.com/files/b0c00758a906e454c4cea4bb06e5b1c13138cbd7a2c79f889ae3593d85268f490c44b01f81dd0f61448630fca7c031a3415602e85f039b310981072b22944121","name":"water.geojson","type":"application/geo+json","lastModified":1706722943823.996,"size":24414563},{"id":"34d667fdaacf104ccb39ab0f6b87ea6cd75c3d5919a7e26857ba569224a24c2694ace7b7fc227ce7ada45cc1b152cfc829cb7128b19312201349424894cce1ce","href":"https://static.observableusercontent.com/files/34d667fdaacf104ccb39ab0f6b87ea6cd75c3d5919a7e26857ba569224a24c2694ace7b7fc227ce7ada45cc1b152cfc829cb7128b19312201349424894cce1ce","name":"trails.geojson","type":"application/geo+json","lastModified":1706722943823.996,"size":2296902},{"id":"49c95cc8317816a897e11c9db2cbe2cd45b8c9b1fa3829af148afa8cf5138a361f8f3f31ae70c4dfc04667b515a5a64a9090faf3844abc07a7a8dadc37dd47b2","href":"https://static.observableusercontent.com/files/49c95cc8317816a897e11c9db2cbe2cd45b8c9b1fa3829af148afa8cf5138a361f8f3f31ae70c4dfc04667b515a5a64a9090faf3844abc07a7a8dadc37dd47b2","name":"TreeIcon@2.txt","type":"text/plain","lastModified":1706722943823.996,"size":392},{"id":"e2fa1dc5cf145281da1a53806f490e6a40aa69d0f871fc483ace20d3c358885f57211a214d29ef96cc38822c6c8310a6208390e0539b15aa4eafe689f3394e0a","href":"https://static.observableusercontent.com/files/e2fa1dc5cf145281da1a53806f490e6a40aa69d0f871fc483ace20d3c358885f57211a214d29ef96cc38822c6c8310a6208390e0539b15aa4eafe689f3394e0a","name":"sub_stops.geojson","type":"application/geo+json","lastModified":1706722943823.996,"size":6135},{"id":"7b9a69a0561d7bd96aff56475982b168e21e12bbbd6ca016d05329e423d72f93ad414cd770e2b9b48d8f771668a2620609ccbc165eafa1f01f85356405aee2b6","href":"https://static.observableusercontent.com/files/7b9a69a0561d7bd96aff56475982b168e21e12bbbd6ca016d05329e423d72f93ad414cd770e2b9b48d8f771668a2620609ccbc165eafa1f01f85356405aee2b6","name":"bldgs.geojson","type":"application/geo+json","lastModified":1706722943823.996,"size":1529909},{"id":"41b37f63d4c4b7b23efb8a4c880ad732b5d0ef947234d2063fb96f69a043d25d1d410e4cbe4f586041adea987eaf28dbfd07b7a48c4bb18f7dcd1dc28bf0ccf7","href":"https://static.observableusercontent.com/files/41b37f63d4c4b7b23efb8a4c880ad732b5d0ef947234d2063fb96f69a043d25d1d410e4cbe4f586041adea987eaf28dbfd07b7a48c4bb18f7dcd1dc28bf0ccf7","name":"site_boundary.geojson","type":"application/geo+json","lastModified":1706722943823.996,"size":640},{"id":"773f31335d4336bc7f5ceb49cf5524786afb387f276742a3e1a87191808c7bf918126e31ed83c31ddc5264212eced77994319585fe0cf5085e418103095dccfc","href":"https://static.observableusercontent.com/files/773f31335d4336bc7f5ceb49cf5524786afb387f276742a3e1a87191808c7bf918126e31ed83c31ddc5264212eced77994319585fe0cf5085e418103095dccfc","name":"subway_lines.geojson","type":"application/geo+json","lastModified":1706722943823.996,"size":27570},{"id":"a46aebd79d13362dd339eca98b7a1448724e162c0c50b975fecf74bc828a0970d1c458f1fe53887c58e78a4257b06d54f9e64d6b307b4a8956ab33c70d1620d3","href":"https://static.observableusercontent.com/files/a46aebd79d13362dd339eca98b7a1448724e162c0c50b975fecf74bc828a0970d1c458f1fe53887c58e78a4257b06d54f9e64d6b307b4a8956ab33c70d1620d3","name":"water boundaries.geojson","type":"application/geo+json","lastModified":1706722943823.996,"size":24414574},{"id":"2e2f36b1078526ba6e0ea9038a2ffcb4d86d2e2569548d88c36d39afcc590f66ca2a40fb3bdab8570e31a4d7701c9bd0928554b58e31ee99f45c765a3ac34577","href":"https://static.observableusercontent.com/files/2e2f36b1078526ba6e0ea9038a2ffcb4d86d2e2569548d88c36d39afcc590f66ca2a40fb3bdab8570e31a4d7701c9bd0928554b58e31ee99f45c765a3ac34577","name":"Boundaries.geojson","type":"application/geo+json","lastModified":1706722943823.996,"size":13798707},{"id":"dea54e9320327226f82ce8fd513a89e5451f9ddbd7bf3adff0cea8e7a3a5e63723f2c1694e1f5fe58b4c51638e3ef52b6e21e7c0a135022e81e33cde3ec6ad6b","href":"https://static.observableusercontent.com/files/dea54e9320327226f82ce8fd513a89e5451f9ddbd7bf3adff0cea8e7a3a5e63723f2c1694e1f5fe58b4c51638e3ef52b6e21e7c0a135022e81e33cde3ec6ad6b","name":"mountainicon.txt","type":"text/plain","lastModified":1706722943823.996,"size":211},{"id":"a730844c4085644484a4a4bf803950249f7ae04bedfcf6c9ebc6a68f032f5abdef3a7cc8d395e350d13919c950ad9eba080d2e39ba3f6b93d1736ec46bb9d050","href":"https://static.observableusercontent.com/files/a730844c4085644484a4a4bf803950249f7ae04bedfcf6c9ebc6a68f032f5abdef3a7cc8d395e350d13919c950ad9eba080d2e39ba3f6b93d1736ec46bb9d050","name":"water icon.txt","type":"text/plain","lastModified":1706722943823.996,"size":512},{"id":"c09cc1c7d068bec42f8757452ad96cf4414171eff7dde917e6796fc2c3acb56ff5b293cb374598e64c7730f9f56a99f845faf1749692c027dba2f7546aa10177","href":"https://static.observableusercontent.com/files/c09cc1c7d068bec42f8757452ad96cf4414171eff7dde917e6796fc2c3acb56ff5b293cb374598e64c7730f9f56a99f845faf1749692c027dba2f7546aa10177","name":"dashborrd@8.txt","type":"text/plain","lastModified":1706722943994.052,"size":230}] 2d:{"title":"base map - UD Spring 2024 - Alec's Version V4","cells":[{"id":11,"value":"# base map - UD Spring 2024 - Alec's Version V4","pinned":true,"hidden":false,"mode":"md"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":0,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":49,"value":"subSts = FileAttachment(\"sub_stops.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":37,"value":"bldgs = FileAttachment(\"bldgs.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"bbox = FileAttachment(\"site_boundary.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"subLns = FileAttachment(\"subway_lines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":93,"value":"trails = FileAttachment(\"trails.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":96,"value":"water = FileAttachment(\"water.geojson\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":99,"value":"bbox1 = FileAttachment(\"bbox.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":112,"value":"boundaries = FileAttachment(\"Boundaries.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":115,"value":"waterBoundaries = FileAttachment(\"water boundaries.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":122,"value":"parks_link = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vSNNJjlW9VTO156nvP4DzcaL4q21CIgmaMpxQzQcxbENv-QoOYgXyqaGXvqGtzDjkXBtN1FPhppw7b4/pub?output=csv\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":298,"value":"park = d3.csv(parks_link,d3.autotype)","pinned":true,"hidden":false,"mode":"ojs"},{"id":277,"value":"mountains_link = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vR-hwsAjmze-rXcaN9uAXlJ3lzGLmYoDOLsHa2FYmF-D883Gn5nV17JtYQO6C9YHtjbNInfTbwNY1pe/pub?output=csv\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":283,"value":"mountains = d3.csv(mountains_link,d3.autotype)","pinned":true,"hidden":false,"mode":"ojs"},{"id":233,"value":"treeicon1 = FileAttachment(\"TreeIcon@2.txt\").text()","pinned":true,"hidden":false,"mode":"ojs"},{"id":275,"value":"mountainicon = FileAttachment(\"mountainicon.txt\").text()","pinned":true,"hidden":false,"mode":"ojs"},{"id":243,"value":"icon_list = {\n\n ////create empty list\nvar list = []\n\n//// loop through google sheets list\n for (let i = 0; i < park.length; i++) {\n park[i]\n\n //function to add items to a list\n list.push({data:park[i],pts:treeicon1})\n }\n\n\n////return list\n return list\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":302,"value":"icon_list2 = {\n\n ////create empty list\nvar list2 = []\n\n//// loop through google sheets list\n for (let i = 0; i < mountains.length; i++) {\n mountains[i]\n\n //function to add items to a list\n list2.push({data:mountains[i],pts:mountainicon})\n }\n\n\n////return list\n return list2\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":603,"value":"waterIcon = FileAttachment(\"water icon.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":609,"value":"dashboard = FileAttachment(\"dashborrd@8.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":612,"value":"dashboard_graphics = {\n\nconst width = 1250,\n height = 2000;\n\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\",[82,300,width,height]);\n\nvar p = svg.selectAll(\"polyline\")\n .data(dashboard)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\") \n .attr('points', function(d){return d})\n .attr('transform', 'translate(75,300)')\n .style(\"fill-opacity\", \".05\")\n .style('fill', 'tan')\n .style('stroke','brown')\n .style('stroke-width','0.9')\n .style('stroke-fill', '4,4,8,8')\n .style(\"stroke-opacity\", \".5\")\n\n return svg.node();\n\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":625,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":915,"value":"DrawStar = {\n var icon = ' '\n if(calculatedValues[0]>60 && calculatedValues[1]>150){icon = staricon}\n\n\n return icon\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":692,"value":"viewof CM = Inputs.radio([\"1\", \"2\", \"3\"], {label: \"Amount of trails to hike at Carter Mountain\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":772,"value":"viewof GT = Inputs.radio([\"1\", \"2\", \"3\"], {label: \"Amount of trails to hike at Grant Teton\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":785,"value":"viewof NB = Inputs.radio([\"1\", \"2\", \"3\"], {label: \"Amount of trails to hike at North Breccia\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":794,"value":"viewof WR = Inputs.radio([\"1\", \"2\", \"3\"], {label: \"Amount of trails to hike at Wapiti Ridge\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":805,"value":"viewof TP = Inputs.radio([\"1\", \"2\", \"3\"], {label: \"Amount of trails to hike at Trout Peak\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":828,"value":"viewof MW = Inputs.radio([\"1\", \"2\", \"3\"], {label: \"Amount of trails to hike at Mt. Washburn\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":838,"value":"viewof PP = Inputs.radio([\"1\", \"2\", \"3\"], {label: \"Amount of trails to hike at Pilot Peak\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":869,"value":"viewof SNF = Inputs.radio([\"1\", \"2\", \"3\"], {label: \"Amount of trails to hike at Shoshone National Forest\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":887,"value":"viewof BTF = Inputs.radio([\"1\", \"2\", \"3\"], {label: \"Amount of trails to hike at Bridger-Teton National Forest\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":898,"value":"viewof GTP = Inputs.radio([\"1\", \"2\", \"3\"], {label: \"Amount of trails to hike at Grand Teton National Park\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":907,"value":"viewof YNP = Inputs.radio([\"1\", \"2\", \"3\"], {label: \"Amount of trails to hike at Yellowstone National Park\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":698,"value":"GT","pinned":true,"hidden":false,"mode":"ojs"},{"id":708,"value":"MountainDataset = [\n {name:\"CM\",rating: 1,time:3},\n {name:\"GT\",rating: 3,time:17},\n {name:\"NB\",rating: 3,time:3},\n {name:\"WR\",rating: 4,time:12},\n {name:\"TP\",rating: 3,time:24},\n {name:\"MW\",rating: 5,time:4},\n {name:\"PP\",rating: 5,time:8},\n \n\n\n\n\n \n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":874,"value":"ParkDataset = [\n {name:\"SNF\",rating: 4,time:3},\n {name:\"BTF\",rating: 3,time:3},\n {name:\"GTP\",rating: 2,time:3},\n {name:\"YNP\",rating: 5,time:3},\n \n\n\n\n\n \n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":724,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":728,"value":"calculatedValues[0]","pinned":true,"hidden":false,"mode":"ojs"},{"id":918,"value":"staricon = {\n\n const width = 90,\n height = 60;\n \n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [-40, -30, width, height]);\n\n var p = svg.selectAll(\"polyline\")\n .data(star)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .style('fill','yellow')\n .style('stroke','black')\n .style('stroke-width','0.5')\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":920,"value":"star = FileAttachment(\"star.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}