28:null 29:["$","title",null,{"children":"NYC Map dashboard - Fleet's version - Jan 30 | Fleet Hower | Observable"}] 2e:T1a00,map = { const width = 900,//pixel size of the map height = 900; const svg = d3.create("svg") .attr("viewBox", [0, 0, width-50, height-10]); // Use Mercator projection var projection = d3 .geoMercator()//projection system used .fitSize([width, height], bbox_new);//out bounding box is here var path = d3.geoPath().projection(projection);//need one of these for each line layer from qgis 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.selectAll('g').attr("id", "paths");//qgis lines variable //one variable for each geometry type var c = svg.selectAll("circle")//for circles var p = svg.selectAll("polyline")//for polylines from rhino var t = svg.selectAll("text") //static lines from qgis //staticLines(path3, subways.features,"none",1,.5,"rgb(180,180,180)") if(parksTgl){ staticLines(path4, parks.features,"rgb(200,225,200)",'.25','.1',"rgb(0,255,0)") } staticLines(path5, dining_lines.features,"none",'1','.25',"rgb(255,0,0)") staticLines(path5, subways.features,"none",'1','.5',"black") function staticLines(path, data, sfill, sOpac, sW, stroke){ g.enter().append("path") .data(data) //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", path) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", sfill) .style('stroke-opacity',sOpac) .style("stroke-width", sW) .style("stroke", stroke) } //static points from qgis staticCircles(restrooms.features,'2','black','1',"0") staticCircles(theaters.features,'4','blue','1',"0") function staticCircles(data,r,sfill, sOpac, sWidth){ c.enter().append('circle') .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append("circle") //appends path to data .attr('cx',function(d) {return path.centroid(d)[0]}) .attr("cy",function(d) {return path.centroid(d)[1]}) .attr('r', r) .attr('fill', sfill) .style('fill-opacity',sOpac) .style("stroke-width", sWidth) } //lines from rhino polyline(graphic_test,'red','1','0','none') polyline(face_outline,'rgb(255,255,0)','1','2','black') polyline(eyes,'blue','1','1','black') polyline(mouth,'none','1','3','red') function polyline(data, sfill, sOpac, sW, stroke){ g.enter().append("polyline") .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", sfill) .style('stroke-opacity',sOpac) .style("stroke-width", sW) .style("stroke", stroke) } //draw icons at spreadsheet location p.enter().append("polyline") .data(museums) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr("points", icon1) //The d attribute defines a path to be drawn, only applies to appended elements .attr('transform',function(d) {return 'translate('+projection([d.Long,d.Lat])[0]+','+projection([d.Long,d.Lat])[1]+')'}) .style("fill", 'red') .style("stroke-width", '.5') .style("stroke", 'black') .on("mouseover", addWireframe) .on("mouseout", removeWireframe) p.enter().append("polyline") .data(zone1) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr("points", function(d) {return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", 'white') .style('fill-opacity','0') .style("stroke-width", '2') .style("stroke", 'black') .style('stroke-dasharray','5 5') .on("mouseover", addWireframe) .on("mouseout", removeWireframe) function addWireframe(event,d){ p.enter().append("polyline") .data(wireframe) //get data to define path .enter() .append('polyline') .attr('class','wireframe') .attr("points", function(d) {return d}) .style("fill", 'none') .style("stroke-width", '.5') .style("stroke", 'black') svg//draw text .append("text") //appends path to data .attr('class','mText') .attr('x',50) .attr("y",600) .attr('fill', 'black') .style('font-family','helvetica') .style("font-size", "11px") .text('this is a detail') } function removeWireframe(event,d){ svg.selectAll('polyline.wireframe').remove() svg.selectAll('text.mText').remove() } //points from spreadsheet c.enter().append('circle') .data(museums) //get data to define path .enter() //there are more data than elements, this selects them .append("circle") //appends path to data .attr('class','spots') .attr('cx',function(d) {return projection([d.Long,d.Lat])[0]-5}) .attr("cy",function(d) {return projection([d.Long,d.Lat])[1]+10}) .attr('r', 6) .attr('fill', 'cyan') .style('fill-opacity','1') .style("stroke-width", ".5") .style("stroke", "black") .on("click", addText) .on("mouseout", removeText) function addText(event,d){ svg//draw text .append("text") //appends path to data .attr('class','mText') .attr('x',projection([d.Long,d.Lat])[0]) .attr("y",projection([d.Long,d.Lat])[1]) .attr('fill', 'black') .style('font-family','helvetica') .style("font-size", "15px") .text(d.Name) mutable mapText = d.Name mutable mapDesc = d.Description svg//draw text .append("text") //appends path to data .attr('class','mText') .attr('x',50) .attr("y",300) .attr('fill', 'black') .style('font-family','helvetica') .style("font-size", "11px") .text(d.Description) var wrap = svg.selectAll("text.mText") .each(function(d, i) { wrap_text(d3.select(this), 100) }); } function addText2(event,d){ svg//draw text .append("text") //appends path to data .attr('class','mText') .attr('x',projection([d.Long,d.Lat])[0]) .attr("y",projection([d.Long,d.Lat])[1]) .attr('fill', 'black') .style('font-family','helvetica') .style("font-size", "15px") .text('this is some new text') } function removeText(){ svg.selectAll('text.mText').remove() mutable mapText = " " mutable mapDesc = " " } return svg.node(); }2f:[{"id":"ad277501ba8e983d7c59490fab360b11d26475480e2c7e4ea05ba96c27f01efbd0cb07661b5bf089b9a4f35fd4e79559bd092ce7f20b664780e25ff1ae50ea6d","href":"https://static.observableusercontent.com/files/ad277501ba8e983d7c59490fab360b11d26475480e2c7e4ea05ba96c27f01efbd0cb07661b5bf089b9a4f35fd4e79559bd092ce7f20b664780e25ff1ae50ea6d","name":"dining_lines.geojson","type":"application/geo+json","lastModified":1721169849981.123,"size":1386663},{"id":"cfef49b55b633688af7b659d01bfd72bbf28c32f6d619c5580951ecbefe397114d0248c1ff41ba448b232ddcf428b55d92fd5a2431eb93c78ec3ae23cae85e22","href":"https://static.observableusercontent.com/files/cfef49b55b633688af7b659d01bfd72bbf28c32f6d619c5580951ecbefe397114d0248c1ff41ba448b232ddcf428b55d92fd5a2431eb93c78ec3ae23cae85e22","name":"parks.geojson","type":"application/geo+json","lastModified":1721169849981.123,"size":2989931},{"id":"2f57f9225c681f5f72cbf23c0354cda86cae39588e8f0642cc0f1ca9495e41c01fa5bea8ebbae9bc7aeceade42937338ed79c864fc316643a0bb4f02ab9c9813","href":"https://static.observableusercontent.com/files/2f57f9225c681f5f72cbf23c0354cda86cae39588e8f0642cc0f1ca9495e41c01fa5bea8ebbae9bc7aeceade42937338ed79c864fc316643a0bb4f02ab9c9813","name":"subways.geojson","type":"application/geo+json","lastModified":1721169849981.123,"size":464921},{"id":"1cff307aca2fb60938d0e2c8336ff19a4115d7d2ec799085b9b6ca3788c42166cb44ccf102a8764ca1c862de4dc4f3fff698ddfb9c629c592e7d9455cbb1aa96","href":"https://static.observableusercontent.com/files/1cff307aca2fb60938d0e2c8336ff19a4115d7d2ec799085b9b6ca3788c42166cb44ccf102a8764ca1c862de4dc4f3fff698ddfb9c629c592e7d9455cbb1aa96","name":"mouth.txt","type":"text/plain","lastModified":1721169849981.123,"size":2802},{"id":"3230f33317a4ab5151caac8e4db1d0d2d5c7f399a12497f442769d36ba0a97d46d8e9a92e85c39a6b383dffd2fb73080570a5a8c6b7a9db846a978bbf833d779","href":"https://static.observableusercontent.com/files/3230f33317a4ab5151caac8e4db1d0d2d5c7f399a12497f442769d36ba0a97d46d8e9a92e85c39a6b383dffd2fb73080570a5a8c6b7a9db846a978bbf833d779","name":"eyes.txt","type":"text/plain","lastModified":1721169849981.123,"size":5660},{"id":"409f95071f03f20afe09c998bf7c00d6349c51eaf884fe867a517cbeaec9ea8580217905dc03fe2d7c1ad2b7b11b14deb59972558e8a45f807cd0967218831af","href":"https://static.observableusercontent.com/files/409f95071f03f20afe09c998bf7c00d6349c51eaf884fe867a517cbeaec9ea8580217905dc03fe2d7c1ad2b7b11b14deb59972558e8a45f807cd0967218831af","name":"face_outline.txt","type":"text/plain","lastModified":1721169849981.123,"size":2830},{"id":"a536080c88f6ca4be1d3d074cba7c75a4c8f0ce8fe865a8fc872365b6c92937d749ade7aa9a080b16b9f769a1bb660dc8b9947734a669638e2ccdffc24c5b7f9","href":"https://static.observableusercontent.com/files/a536080c88f6ca4be1d3d074cba7c75a4c8f0ce8fe865a8fc872365b6c92937d749ade7aa9a080b16b9f769a1bb660dc8b9947734a669638e2ccdffc24c5b7f9","name":"theaters.geojson","type":"application/geo+json","lastModified":1721169849981.123,"size":38575},{"id":"77386e02a0f4f1f1ee34a3a2dd1a34bcba18849d2fc2771d9c228f4d521c142805edd9699a8dec365c619b04eb296b9a46cc93d0d62f712ab0500657aa4defad","href":"https://static.observableusercontent.com/files/77386e02a0f4f1f1ee34a3a2dd1a34bcba18849d2fc2771d9c228f4d521c142805edd9699a8dec365c619b04eb296b9a46cc93d0d62f712ab0500657aa4defad","name":"bbox_new.geojson","type":"application/geo+json","lastModified":1721169849981.123,"size":498},{"id":"9ac4028331d6f608560273100bb5552b5e8219d8f8c85837ae88642005e73db93aa8ad8afc29940cf5ec13b0b31566bf8683940d3369c90d3c35b0d8d391c0c3","href":"https://static.observableusercontent.com/files/9ac4028331d6f608560273100bb5552b5e8219d8f8c85837ae88642005e73db93aa8ad8afc29940cf5ec13b0b31566bf8683940d3369c90d3c35b0d8d391c0c3","name":"restrooms.geojson","type":"application/geo+json","lastModified":1721169849981.123,"size":234164},{"id":"fa0258178f56d9f0a787c81e1aa77a7a46940eee48e4e0bfd714adc8848d2300ddf00fcc9a9cdef9f15bbb416e4dff5938ec7090ee39fa105f00f0199fff4c05","href":"https://static.observableusercontent.com/files/fa0258178f56d9f0a787c81e1aa77a7a46940eee48e4e0bfd714adc8848d2300ddf00fcc9a9cdef9f15bbb416e4dff5938ec7090ee39fa105f00f0199fff4c05","name":"bbox@1.geojson","type":"application/geo+json","lastModified":1721169849981.123,"size":492},{"id":"525f66ffecfe683c27d13e281b7589fdeec2a011cf15b1a5bdb1658f0f43118b8ba5fd58343da754103aa13e4b6d44a5fd7338aaedb43392db8712c8c79bfdb5","href":"https://static.observableusercontent.com/files/525f66ffecfe683c27d13e281b7589fdeec2a011cf15b1a5bdb1658f0f43118b8ba5fd58343da754103aa13e4b6d44a5fd7338aaedb43392db8712c8c79bfdb5","name":"graphic_test.txt","type":"text/plain","lastModified":1721169849981.123,"size":593},{"id":"e851fd90bdc1a7dd80cea0bbe3650b059be49f10e6f88a2c89b0c0a84bddd1e833a4b11f4d24659f0725f93c70304f892a226a1b7c8235715017da986b19db46","href":"https://static.observableusercontent.com/files/e851fd90bdc1a7dd80cea0bbe3650b059be49f10e6f88a2c89b0c0a84bddd1e833a4b11f4d24659f0725f93c70304f892a226a1b7c8235715017da986b19db46","name":"icon1.txt","type":"text/plain","lastModified":1721174610930.507,"size":5885},{"id":"e5d7c46e2bc56aa3eea09583ad16af45613f83609bceeef5d95ff92128e5af3a324005ae052bc435fb535f661d2ce4bfe4cd9c93e9f22c890376145ddd684e7c","href":"https://static.observableusercontent.com/files/e5d7c46e2bc56aa3eea09583ad16af45613f83609bceeef5d95ff92128e5af3a324005ae052bc435fb535f661d2ce4bfe4cd9c93e9f22c890376145ddd684e7c","name":"zone1.txt","type":"text/plain","lastModified":1721175721681.798,"size":142},{"id":"1b3b4f3d9ae2a04e97c1fedc65cb3c19f7fd43da0c6b40fb127201fa38bb1435d4761b33977a95ec23cd59ce1ce94181565fd8b6aadda00497e08ba5c2517172","href":"https://static.observableusercontent.com/files/1b3b4f3d9ae2a04e97c1fedc65cb3c19f7fd43da0c6b40fb127201fa38bb1435d4761b33977a95ec23cd59ce1ce94181565fd8b6aadda00497e08ba5c2517172","name":"wireframe.txt","type":"text/plain","lastModified":1721175743059.87,"size":516},{"id":"dc32b0fbbedc38a00b4cb4894792f821a1839d5d38407dcf1948a7fdd8f09f52247e8baecdb2faa6119d8aa31680fc446215ecfd4146447e3ac53d91a02afd53","href":"https://static.observableusercontent.com/files/dc32b0fbbedc38a00b4cb4894792f821a1839d5d38407dcf1948a7fdd8f09f52247e8baecdb2faa6119d8aa31680fc446215ecfd4146447e3ac53d91a02afd53","name":"flare-2.csv","type":"text/csv","lastModified":1738864397418.775,"size":7989},{"id":"dc32b0fbbedc38a00b4cb4894792f821a1839d5d38407dcf1948a7fdd8f09f52247e8baecdb2faa6119d8aa31680fc446215ecfd4146447e3ac53d91a02afd53","href":"https://static.observableusercontent.com/files/dc32b0fbbedc38a00b4cb4894792f821a1839d5d38407dcf1948a7fdd8f09f52247e8baecdb2faa6119d8aa31680fc446215ecfd4146447e3ac53d91a02afd53","name":"flare-2@1.csv","type":"text/csv","lastModified":1738864424374.31,"size":7989},{"id":"8c45f0313b29200cbb9450de65cae4830d77f0d8e9812c2cc0d08fafab0c81586edfa485d934eb3fec3478aa3490d052cbacd2902617a1335ed439c18b439b49","href":"https://static.observableusercontent.com/files/8c45f0313b29200cbb9450de65cae4830d77f0d8e9812c2cc0d08fafab0c81586edfa485d934eb3fec3478aa3490d052cbacd2902617a1335ed439c18b439b49","name":"dash1.txt","type":"text/plain","lastModified":1737656247812.078,"size":154}] 2c:{"id":"6095955af0276501","slug":null,"title":"NYC Map dashboard - Fleet's version - Jan 30","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2024-07-16T22:44:09.981Z","update_time":"$D2025-02-06T18:15:49.130Z","view_time":null,"first_public_time":"$D2024-07-16T22:44:16.634Z","fork":{"id":"2d4e65dc2b400ef3","slug":null,"title":"NYC Map - Fleet's version","owner":{"id":"e88d5b4a989c506e","login":"fleeth","name":"Fleet Hower"}},"stars":0,"starred":false,"owner":{"type":"team","id":"e88d5b4a989c506e","login":"fleeth","name":"Fleet Hower","avatar_url":"https://avatars-next.observableusercontent.com/bac6c76c1e7bcb5ac4be02b2a91e9bee64ecbb953fb1e9d52d6563dcb78eefca","tier":"starter_2024"},"version":1488,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"df84799035553ff3","login":"fleeth","name":"Fleet Hower","avatar_url":"https://avatars-next.observableusercontent.com/bac6c76c1e7bcb5ac4be02b2a91e9bee64ecbb953fb1e9d52d6563dcb78eefca","tier":null}],"members":[{"type":"individual","id":"df84799035553ff3","login":"fleeth","name":"Fleet Hower","avatar_url":"https://avatars-next.observableusercontent.com/bac6c76c1e7bcb5ac4be02b2a91e9bee64ecbb953fb1e9d52d6563dcb78eefca","tier":null,"role":"editor"},{"type":"team","id":"e88d5b4a989c506e","login":"fleeth","name":"Fleet Hower","avatar_url":"https://avatars-next.observableusercontent.com/bac6c76c1e7bcb5ac4be02b2a91e9bee64ecbb953fb1e9d52d6563dcb78eefca","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":14,"collection":null,"type":"notebook","body":{"title":"NYC Map dashboard - Fleet's version - Jan 30","cells":[{"id":762,"value":"# NYC Map dashboard - Fleet's version - Jan 30","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":44,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1328,"value":"viewof data2draw = Inputs.radio([\"Zones\", \"Parks\", \"Street\"], {label: \"Data to Draw\", value:\"Zones\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1330,"value":"data2draw","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1343,"value":"viewof parksTgl = Inputs.toggle({label:\"Parks\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1345,"value":"parksTgl","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1422,"value":"mutable mapText = \" \"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1433,"value":"mutable mapDesc = \" \"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1357,"value":"dashboard = \n\n\n html`\n\n

\n\n

\n \n ${dashGraphics}\n\n

\n\n

\n ${viewof dashPage}\n

\n\n

\n ${currentDash}\n

\n \n \n\n

\n ${md`*This is some markdown*`}\n

\n\n\n\n\n\n\n

\n\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1457,"value":"viewof dashPage = Inputs.radio([\"Map\", \"Treemap\"], {label: \"\",value:\"Map\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1479,"value":"currentDash = {\n\n var currentDashVar = mapView\n\n if(dashPage==\"Map\"){currentDashVar = mapView}\n if(dashPage==\"Treemap\"){currentDashVar = treemapView}\n\n\nreturn currentDashVar\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1462,"value":"mapView = {//this is the map page for the dashboard\n\n var mapViewVar = html`\n

\n ${map}\n

\n\n

\n ${viewof parksTgl}\n

\n\n

\n ${mapText}\n

\n\n

\n ${mapDesc}\n

\n\n`\nreturn mapViewVar\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1470,"value":"treemapView = {//this is the treemap page for the dashboard\n\n var treemapViewVar = html`\n

\n ${tree_chart}\n

\n\n\n`\nreturn treemapViewVar\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1312,"value":"zone1 = FileAttachment(\"zone1.txt\").tsv({array:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1314,"value":"wireframe = FileAttachment(\"wireframe.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1302,"value":"icon1 = FileAttachment(\"icon1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1274,"value":"museumLink = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vQmozuAO_jL9hGjjz4am72WDiCCxXdisziHKELuhwPArAnUeQQf_y0SCetuqS9JP9LxuJW1JhTYLO3t/pub?output=csv'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1277,"value":"museums = d3.csv(museumLink,d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1264,"value":"mouth = FileAttachment(\"mouth.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1261,"value":"eyes = FileAttachment(\"eyes.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1258,"value":"face_outline = FileAttachment(\"face_outline.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1251,"value":"bbox_new = FileAttachment(\"bbox_new.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1232,"value":"graphic_test = FileAttachment(\"graphic_test.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1189,"value":"bbox1 = FileAttachment(\"bbox@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1255,"value":"theaters = FileAttachment(\"theaters.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1200,"value":"restrooms = FileAttachment(\"restrooms.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1197,"value":"subways = FileAttachment(\"subways.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1194,"value":"parks = FileAttachment(\"parks.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1244,"value":"dining_lines = FileAttachment(\"dining_lines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1016,"value":"spotsLink = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vRwB-ukffxTe8cd2j54Lg_PGvR-3Dm6A6TZNS9AV1TRz5iNL3shNkXsyJLlXTGzcI4UCkyh9MJS9P0G/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1228,"value":"spots = d3.csv(spotsLink,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":894,"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"},{"id":1392,"value":"dash1 = FileAttachment(\"dash1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1397,"value":"\ndashGraphics = {\n const width = 800,//pixel size of the map\n height = 800;\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n var g=svg.selectAll('polyline')\n \npolyline(dash1,'red','1','3','none')\n \nfunction polyline(data, sfill, sOpac, sW, stroke){\n\n g.enter().append(\"polyline\")\n .data(data) //get data to define path\n .enter() //there are more data than elements, this selects them\n .append('polyline')\n .attr(\"points\", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements\n .style(\"fill\", sfill)\n .style('stroke-opacity',sOpac)\n .style(\"stroke-width\", sW)\n .style(\"stroke\", stroke)\n}\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1442,"value":"tree_chart = Treemap(flare, {\n path: d => d.name.replace(/\\./g, \"/\"), // e.g., \"flare/animate/Easing\"\n value: d => d.size, // size of each node (file); null for internal nodes (folders)\n group: d => d.name.split(\".\")[1], // e.g., \"animate\" in \"flare.animate.Easing\"; for color\n label: (d, n) => [...d.name.split(\".\").pop().split(/(?=[A-Z][a-z])/g), n.value.toLocaleString(\"en\")].join(\"\\n\"),\n title: (d, n) => `${d.name}\\n${n.value.toLocaleString(\"en\")}`, // text to show on hover\n link: (d, n) => `https://github.com/prefuse/Flare/blob/master/flare/src${n.id}.as`,\n //tile, // e.g., d3.treemapBinary; set by input above\n width: 1152,\n height: 1152\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1444,"value":"flare = FileAttachment(\"flare-2.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1446,"value":"import {Treemap} from \"@d3/treemap-component\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1454,"value":"flare21 = await FileAttachment(\"flare-2@1.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"