29:null 2a:["$","title",null,{"children":"Steel in Guild House (Old) | Eileen Dong | Observable"}] 2f:T1fc8,guildHouseDwg = { const width = 1000, height = 600; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); /// below is the body of the code var p = svg.selectAll("polyline") //////////////////////////////////////////////////////////permanent labels//////////////////////////////////////////////////// svg .append("text") .attr('x','50') .attr('y','425') //.attr('class','trussWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','bold') .style("fill", "rgb(100,100,100)") .text('Fabricator: ') svg .append("text") .attr('x','50') .attr('y','450') //.attr('class','trussWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','bold') .style("fill", "rgb(100,100,100)") .text('Origin: ') svg .append("text") .attr('x','50') .attr('y','475') //.attr('class','trussWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','bold') .style("fill", "rgb(100,100,100)") .text('Age: ') svg .append("text") .attr('x','50') .attr('y','500') //.attr('class','trussWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','bold') .style("fill", "rgb(100,100,100)") .text('Material: ') //////////////////////////////////////////////////////////steel truss start//////////////////////////////////////////////////// if (steelTrussButton=="On"){ p.enter().append("polyline") .data(trussCombined) .enter() //there are more data than elements, this selects them .append("polyline") .attr('points',function(d){return d.geo}) .style('fill','white') .style('stroke','red') .style('stroke-width','0.75') .on('mouseover',steeltrussText) .on('mouseout',steeltrussTextOut) function steeltrussText(event,d){ //these are the guts of the function, things in here will happen when you roll over the truss svg .append("text") .attr('x','50') .attr('y','375') .attr('class','trussWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','bold') .style("fill", "rgb(100,100,100)") .text('Steel Trusses') svg .append("text") .attr('x','150') .attr('y','425') .attr('class','trussWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','normal') .style("fill", "rgb(100,100,100)") .text(d.data.fabricator) svg .append("text") .attr('x','150') .attr('y','450') .attr('class','trussWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','normal') .style("fill", "rgb(100,100,100)") .text(d.data.origin) svg .append("text") .attr('x','150') .attr('y','475') .attr('class','trussWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','normal') .style("fill", "rgb(100,100,100)") .text(d.data.age) svg .append("text") .attr('x','150') .attr('y','500') .attr('class','trussWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','normal') .style("fill", "rgb(100,100,100)") .text(d.data.material) //svg //.append("polyline") //.attr('class','hoverLine') //.attr('points','200,375 550,300') //.style('stroke-width','1') //.style('stroke','black') d3.select(this).style('fill','deeppink') } function steeltrussTextOut(event,d){ d3.selectAll('text.trussWords').remove() //d3.selectAll('polyline.hoverLine').remove() d3.select(this).style('fill','white') } p.enter().append("polyline") .data(steeltrussBlankoutline) .enter() //there are more data than elements, this selects them .append("polyline") .attr('points',function(d){return d}) .style('fill','white') .style('stroke','red') .style('stroke-width','0.5') p.enter().append("polyline") .data(steelTruss) .enter() //there are more data than elements, this selects them .append("polyline") .attr('points',function(d){return d}) .style('stroke','red') .style('stroke-width','0.5') } //////////////////////////////////////////////////////////steel girder starts//////////////////////////////////////////////////// if (steelGirderButton=="On"){ p.enter().append("polyline") .data(girderCombined) .enter() //there are more data than elements, this selects them .append("polyline") .attr('points',function(d){return d.geo}) .style('fill','white') .style('stroke','red') .style('stroke-width','0.75') .on('mouseover',steelgirderText) .on('mouseout',steelgirderTextOut) function steelgirderText(event,d){ //these are the guts of the function, things in here will happen when you roll over the chimney svg .append("text") .attr('x','50') .attr('y','375') .attr('class','girderWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','bold') .style("fill", "rgb(100,100,100)") .text('Steel Girders') svg .append("text") .attr('x','150') .attr('y','425') .attr('class','girderWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','normal') .style("fill", "rgb(100,100,100)") .text(d.data.fabricator) svg .append("text") .attr('x','150') .attr('y','450') .attr('class','girderWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','normal') .style("fill", "rgb(100,100,100)") .text(d.data.origin) svg .append("text") .attr('x','150') .attr('y','475') .attr('class','girderWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','normal') .style("fill", "rgb(100,100,100)") .text(d.data.age) svg .append("text") .attr('x','150') .attr('y','500') .attr('class','girderWords') .attr('font-family','helvetica') .style('font-size','0.75em') .style('font-weight','normal') .style("fill", "rgb(100,100,100)") .text(d.data.material) //svg //.append("polyline") //.attr('class','hoverLine') //.attr('points','200,375 550,300') //.style('stroke-width','1') //.style('stroke','black') d3.select(this).style('fill','deeppink') } function steelgirderTextOut(event,d){ d3.selectAll('text.girderWords').remove() //d3.selectAll('polyline.hoverLine').remove() d3.select(this).style('fill','white') } p.enter().append("polyline") .data(steelGirder) .enter() //there are more data than elements, this selects them .append("polyline") .attr('points',function(d){return d}) .style('stroke','red') .style('stroke-width','0.5') } //////////////////////////////////////////////////////////wood stuff starts//////////////////////////////////////////////////// if (woodButton=="On"){ p.enter().append("polyline") .data(wood) .enter() //there are more data than elements, this selects them .append("polyline") .attr('points',function(d){return d}) .style('stroke','gray') .style('stroke-width','0.75') } //////////////////////////////////////////////////////////whole house outline starts//////////////////////////////////////////////////// if (guildHouseButton=="On"){ p.enter().append("polyline") .data(guildHouse) .enter() //there are more data than elements, this selects them .append("polyline") .attr('points',function(d){return d}) .style('stroke','gray') .style('stroke-width','0.5') } /// above is the body of the code return svg.node(); }30:[{"id":"d7f6843a6fbf64fde86e80c26a60120d5c11607619c599851d0f809e12a514b869d818855af2128dc5d4d3ad56b0fc2d171a75567c14f5e0941bece0f5fda198","href":"https://static.observableusercontent.com/files/d7f6843a6fbf64fde86e80c26a60120d5c11607619c599851d0f809e12a514b869d818855af2128dc5d4d3ad56b0fc2d171a75567c14f5e0941bece0f5fda198","name":"steelgirderOutline.txt","type":"text/plain","lastModified":1707921706862.606,"size":1068},{"id":"6640b83b51f94f7100801cd04d5190cd64e76de9e508c241dbc92427755213e92bba0d6c2a249c39a5ebc787d663596cd0da71626155bd255f9dd7250ca938dc","href":"https://static.observableusercontent.com/files/6640b83b51f94f7100801cd04d5190cd64e76de9e508c241dbc92427755213e92bba0d6c2a249c39a5ebc787d663596cd0da71626155bd255f9dd7250ca938dc","name":"steeltrussOutline.txt","type":"text/plain","lastModified":1707921706862.606,"size":37856},{"id":"314cb9935e99905b8e4e6de8bfec9e0d5dfec7c82812596bd05c0eda9ce93bba942f6b0febb06ca1d4043f2f9e5c0ca1216286f87f9afcc8a3ba36dabc707742","href":"https://static.observableusercontent.com/files/314cb9935e99905b8e4e6de8bfec9e0d5dfec7c82812596bd05c0eda9ce93bba942f6b0febb06ca1d4043f2f9e5c0ca1216286f87f9afcc8a3ba36dabc707742","name":"guildhouseOutline@5.txt","type":"text/plain","lastModified":1707921706862.606,"size":126},{"id":"c4234ce2bb0e90196f22abc017e8aa5708eefed41481580d990633d1dd30f71e8b7134ad5c6b62555865b63458781d8091eaa82dcd86c9547928fb8dad2b40d9","href":"https://static.observableusercontent.com/files/c4234ce2bb0e90196f22abc017e8aa5708eefed41481580d990633d1dd30f71e8b7134ad5c6b62555865b63458781d8091eaa82dcd86c9547928fb8dad2b40d9","name":"guildHouse@1.txt","type":"text/plain","lastModified":1707921706862.606,"size":270121},{"id":"aa52c19b34495a21ffc35d33c3e426a2aef9375f71923de11f362ac5c69c122fd73db304d900d82f9c0d26d70e9ab867989e506614d3f09e0619869d965f7325","href":"https://static.observableusercontent.com/files/aa52c19b34495a21ffc35d33c3e426a2aef9375f71923de11f362ac5c69c122fd73db304d900d82f9c0d26d70e9ab867989e506614d3f09e0619869d965f7325","name":"wood@1.txt","type":"text/plain","lastModified":1707921706862.606,"size":252488},{"id":"eb21ee91d384c477ce8cbecd15ee4f67de45c821c15cb1aa0252a77f8ccab6b97fc28619ffdf3c00d3f504a65fe43601cf98ab9ba06eda0b956373055b2b7d67","href":"https://static.observableusercontent.com/files/eb21ee91d384c477ce8cbecd15ee4f67de45c821c15cb1aa0252a77f8ccab6b97fc28619ffdf3c00d3f504a65fe43601cf98ab9ba06eda0b956373055b2b7d67","name":"steelTruss@1.txt","type":"text/plain","lastModified":1707921706862.606,"size":137824},{"id":"fd8ab324742cca3ef1ade24f875ce34dc5d47797cd5e75401b709cd17656e5d1413cc4447918c1634117b98f12489daffa9f041167861c3347e81d22cb07eac6","href":"https://static.observableusercontent.com/files/fd8ab324742cca3ef1ade24f875ce34dc5d47797cd5e75401b709cd17656e5d1413cc4447918c1634117b98f12489daffa9f041167861c3347e81d22cb07eac6","name":"steelGirder@1.txt","type":"text/plain","lastModified":1707921706862.606,"size":5336},{"id":"dd60fce6c09657f41d586856e958d39d935f1c15d2a0d0d19af091d50e8db7f417599f2ffc90d17d54ea0b78281b555cd1f2de5c35e9ef6bfa38df97c961421d","href":"https://static.observableusercontent.com/files/dd60fce6c09657f41d586856e958d39d935f1c15d2a0d0d19af091d50e8db7f417599f2ffc90d17d54ea0b78281b555cd1f2de5c35e9ef6bfa38df97c961421d","name":"steelgirderBlankoutline.txt","type":"text/plain","lastModified":1707921706862.606,"size":24946}] 2d:{"id":"650119b35c33bd99","slug":null,"title":"Steel in Guild House (Old)","thumbnail":"4d86a82debc18b5e00ed0a77499ea88c68e0ec8bcd611d99f8bc0395f5c07b6e","access_level":"public","create_time":"$D2024-02-14T14:41:46.862Z","update_time":"$D2024-02-19T18:48:11.560Z","view_time":null,"first_public_time":"$D2024-02-14T14:41:46.862Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"3eb8b01cf04cad2e","login":"eileendong1014","name":"Eileen Dong","avatar_url":"https://avatars-next.observableusercontent.com/7aa54e348bd73a6351b041f0e344196def59c1d90cd8ffd5d12aae8e122d9b01","tier":"starter_2024"},"version":439,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5b938787b1d8a948","login":"eileendong1014","name":"Eileen Dong","avatar_url":"https://avatars-next.observableusercontent.com/7aa54e348bd73a6351b041f0e344196def59c1d90cd8ffd5d12aae8e122d9b01","tier":null}],"members":[{"type":"individual","id":"5b938787b1d8a948","login":"eileendong1014","name":"Eileen Dong","avatar_url":"https://avatars-next.observableusercontent.com/7aa54e348bd73a6351b041f0e344196def59c1d90cd8ffd5d12aae8e122d9b01","tier":null,"role":"editor"},{"type":"individual","id":"df84799035553ff3","login":"fleeth","name":"Fleet Hower","avatar_url":"https://avatars-next.observableusercontent.com/bac6c76c1e7bcb5ac4be02b2a91e9bee64ecbb953fb1e9d52d6563dcb78eefca","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Steel in Guild House (Old)","cells":[{"id":0,"value":"# Steel in Guild House (Old)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":206,"value":"dashboard = \n\n html`\n\n

\n\n

\n ${guildhouseOutlineDwg}\n

\n\n

\n ${guildHouseDwg}\n

\n\n

\n ${md`**Steel in Guild House**`}\n ${viewof guildHouseButton}\n ${viewof woodButton}\n ${viewof steelTrussButton}\n ${viewof steelGirderButton}\n

\n\n

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":217,"value":"viewof guildHouseButton = Inputs.radio([\"On\", \"Off\"], {label: \"Guild House\",value:\"On\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":219,"value":"viewof woodButton = Inputs.radio([\"On\", \"Off\"], {label: \"Wooden Elements\",value:\"Off\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":221,"value":"viewof steelGirderButton = Inputs.radio([\"On\", \"Off\"], {label: \"Steel Girders\",value:\"Off\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":223,"value":"viewof steelTrussButton = Inputs.radio([\"On\", \"Off\"], {label: \"Steel Trusses\",value:\"Off\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":131,"value":"guildhouseOutlineDwg = {\n\n const width = 1000,\n height = 600;\n\n const svg = d3.create(\"svg\")\n.attr(\"viewBox\", [0, 0, width, height]);\n\n ///// below is the body of the code\n\n var p = svg.selectAll(\"polyline\")\n .data(guildhouseOutline)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n //.style('fill','pink')\n .style('fill-opacity','0')\n .style('stroke','black')\n .style('stroke-width','3')\n\n ///// above is the body of the code\n\nreturn svg.node();\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":375,"value":"///imported linework below this line","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":299,"value":"guildhouseOutline = FileAttachment(\"guildhouseOutline@5.txt\").tsv({array:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":151,"value":"guildHouse = FileAttachment(\"guildHouse@1.txt\").tsv({array:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":154,"value":"wood = FileAttachment(\"wood@1.txt\").tsv({array:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":153,"value":"steelTruss = FileAttachment(\"steelTruss@1.txt\").tsv({array:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":326,"value":"steeltrussOutline = FileAttachment(\"steeltrussOutline.txt\").tsv({array:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":346,"value":"steeltrussBlankoutline = FileAttachment(\"steelgirderBlankoutline.txt\").tsv({array:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":152,"value":"steelGirder = FileAttachment(\"steelGirder@1.txt\").tsv({array:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":325,"value":"steelgirderOutline = FileAttachment(\"steelgirderOutline.txt\").tsv({array:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":377,"value":"///spreadsheet and data linked below this line","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":338,"value":"dataLink = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vRmYXnfKTEpc_Z77eJZ62y5kIvp8vlRIipQuHmF7Magp8ZJOTrP2Djlg1kZFYPpXMRUFHfxbQ9szij2/pub?output=csv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":341,"value":"data = d3.csv(dataLink,d3.autoType())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":366,"value":"trussCombined ={\n\n var allData = []\n\n for (let i = 0; i < steeltrussOutline.length; i++) {\n //for each line in my chimney array, combine it with the data from spreadsheet, and add that to allData\n allData.push({geo:steeltrussOutline[i],data:data[0]})\n \n }\n\n return allData\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":369,"value":"girderCombined ={\n\n var allData = []\n\n for (let i = 0; i < steelgirderOutline.length; i++) {\n //for each line in my chimney array, combine it with the data from spreadsheet, and add that to allData\n allData.push({geo:steelgirderOutline[i],data:data[1]})\n \n }\n\n return allData\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"