[{"data":1,"prerenderedAt":377},["ShallowReactive",2],{"{\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/2d-dwg-drawing-viewer-demo":3},{"data":4,"headers":353},{"story":5,"cv":335,"rels":336,"links":352},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":328,"full_slug":329,"sort_by_date":30,"position":330,"tag_list":331,"is_startpage":173,"parent_id":332,"meta_data":30,"group_id":333,"first_published_at":8,"release_id":30,"lang":284,"path":30,"alternates":334,"default_full_slug":30,"translated_slugs":30},"2D DWG Drawing Viewer Demo","2026-03-26T18:45:03.523Z","2026-04-03T18:44:10.751Z","2026-04-14T20:38:51.367Z",159175080152164,"a16b8777-9196-42ae-82df-3d4e5f7dbe87",{"_uid":13,"body":14,"date":229,"fold":230,"intro":287,"title":294,"gallery":295,"category":312,"metadata":314,"component":318,"demo_link":319,"thumbnail":321,"github_link":323,"last_updated":325,"open_graph_image":326,"include_open_graph":56,"block_search_engines":173},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,220],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":219,"remove_padding":56},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,57,67,71,127,162,203],{"_uid":22,"body":23,"alignment":54,"component":55,"is_full_width":56},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,44,49],{"type":27,"attrs":28,"content":31},"heading",{"level":29,"textAlign":30},2,null,[32],{"text":33,"type":34,"marks":35},"Overview","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42],{"text":43,"type":34},"The 2D DWG Drawing Viewer Demo built with HOOPS Visualize for Web (formerly HOOPS Communicator) contains several models that can be interacted with.",{"type":39,"attrs":45,"content":46},{"textAlign":30},[47],{"text":48,"type":34},"When viewing each of these models, you have access to layers and other drawing properties, as well as access to all of the available sheets. Predefined camera views are also stored to quickly switch to different areas in the drawing and 3D components as well.",{"type":39,"attrs":50,"content":51},{"textAlign":30},[52],{"text":53,"type":34},"It also includes measurement and markup support. In addition, other 2D drawing formats like CATDrawing and authoring of 2D Drawings is also supported.","align-left","copy",true,{"_uid":58,"body":59,"alignment":54,"component":55,"is_full_width":56},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":60},[61],{"type":27,"attrs":62,"content":64},{"level":63,"textAlign":30},3,[65],{"text":66,"type":34},"Demo Walkthrough Video",{"_uid":68,"code":69,"component":70},"75d2d6cc-fb66-4a6b-9f27-2a11781e7ec8","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/XwI9LWLicyw?si=OS5cZw1ucE7ygJH5\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\u003C/iframe>","code",{"_uid":72,"body":73,"alignment":54,"component":55,"is_full_width":56},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":74},[75,80,95,107,109,114],{"type":27,"attrs":76,"content":77},{"level":63,"textAlign":30},[78],{"text":79,"type":34},"Learn more about HOOPS Visualize for Web (formerly HOOPS Communicator)",{"type":39,"attrs":81,"content":82},{"textAlign":30},[83,85,93],{"text":84,"type":34},"More information about HOOPS Visualize for Web (formerly HOOPS Communicator) and all of our products is available at ",{"text":86,"type":34,"marks":87},"techsoft3d.com",[88],{"type":89,"attrs":90},"link",{"href":91,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://www.techsoft3d.com/","url",{"text":94,"type":34},".",{"type":39,"attrs":96,"content":97},{"textAlign":30},[98,100,106],{"text":99,"type":34},"Additionally, more information about the HOOPS Visualize for Web (formerly HOOPS Communicator) API please refer to our ",{"text":101,"type":34,"marks":102},"documentation",[103],{"type":89,"attrs":104},{"href":105,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://docs.techsoft3d.com/communicator/latest/",{"text":94,"type":34},{"type":27,"attrs":108},{"level":63,"textAlign":30},{"type":27,"attrs":110,"content":111},{"level":63,"textAlign":30},[112],{"text":113,"type":34},"Join our forum",{"type":39,"attrs":115,"content":116},{"textAlign":30},[117,119,125],{"text":118,"type":34},"Join us in our ",{"text":120,"type":34,"marks":121},"Community Forum",[122],{"type":89,"attrs":123},{"href":124,"uuid":30,"anchor":30,"target":30,"linktype":92},"https://forum.techsoft3d.com/",{"text":126,"type":34}," to see additional code samples posted by Tech Soft 3D employees, or ask any questions that you may have about HOOPS Visualize for Web (formerly HOOPS Communicator) or any of our other products.",{"_uid":128,"body":129,"alignment":54,"component":55,"is_full_width":56},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":130},[131,138,150],{"type":27,"attrs":132,"content":133},{"level":29,"textAlign":30},[134],{"text":135,"type":34,"marks":136},"Questions or Feedback?",[137],{"type":37},{"type":39,"attrs":139,"content":140},{"textAlign":30},[141,143,149],{"text":142,"type":34},"We are looking for feedback and how this toolkit can be improved to meet your needs! Please connect in our ",{"text":144,"type":34,"marks":145},"forum",[146],{"type":89,"attrs":147},{"href":124,"uuid":30,"anchor":30,"target":148,"linktype":92},"_blank",{"text":94,"type":34},{"type":39,"attrs":151,"content":152},{"textAlign":30},[153,155],{"text":154,"type":34},"You can also sign up for a 60-day trial of ",{"text":156,"type":34,"marks":157},"HOOPS Visualize. ",[158],{"type":89,"attrs":159},{"href":160,"uuid":30,"anchor":30,"target":161,"linktype":92},"https://developer.techsoft3d.com/hoops/visualize","_self",{"_uid":163,"messages":164,"component":197,"background":198,"remove_padding":56,"is_verticalized":173},"2517b691-8590-46b2-b1a0-c989536a3b36",[165],{"_uid":166,"icon":16,"buttons":167,"content":178,"headline":185,"link_url":16,"metadata":192,"component":195,"icon_size":16,"link_label":16,"headline_heading":196},"1f7a4845-55d4-4520-b973-efe814118e45",[168],{"_uid":169,"href":16,"color":170,"label":171,"action":172,"new_tab":173,"outline":56,"alignment":16,"component":174,"text_link":173,"destination":175},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Subscribe","action-modal",false,"element-button",{"id":16,"url":176,"linktype":92,"fieldtype":177,"cached_url":176},"subscribe","multilink",{"type":24,"content":179},[180],{"type":39,"attrs":181,"content":182},{"textAlign":30},[183],{"text":184,"type":34},"We’ll notify you as soon as new projects are available.",{"type":24,"content":186},[187],{"type":39,"attrs":188,"content":189},{"textAlign":30},[190],{"text":191,"type":34},"Be the first to know about new projects",{"_uid":193,"title":16,"plugin":194,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":199,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":200,"copyright":16,"fieldtype":201,"meta_data":202,"is_external_url":173},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":204,"body":205,"alignment":54,"component":55,"is_full_width":56},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":206},[207],{"type":39,"attrs":208,"content":209},{"textAlign":30},[210,212,218],{"text":211,"type":34},"Need to contact us? Email us at ",{"text":213,"type":34,"marks":214},"labs@techsoft3d.com",[215],{"type":89,"attrs":216},{"href":213,"uuid":30,"anchor":30,"target":161,"linktype":217},"email",{"text":94,"type":34},"columns",{"id":176,"_uid":221,"items":222,"component":228},"ca556064-0fa5-4110-8395-86e3f005ea32",[223],{"id":224,"_uid":225,"component":226,"business_unit":227},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-25 00:00",[231],{"_uid":232,"source":233,"component":286},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":234,"created_at":235,"published_at":236,"updated_at":237,"id":238,"uuid":239,"content":240,"slug":277,"full_slug":278,"sort_by_date":30,"position":279,"tag_list":280,"is_startpage":173,"parent_id":281,"meta_data":30,"group_id":282,"first_published_at":283,"release_id":30,"lang":284,"path":30,"alternates":285,"default_full_slug":30,"translated_slugs":30,"_stopResolving":56},"Main Navigation","2025-04-09T14:04:01.876Z","2026-03-10T15:15:52.184Z","2026-04-14T21:06:12.239Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":241,"items":242,"component":276},"8915070e-32eb-476d-b215-1c92ebdad15c",[243,258],{"_uid":244,"left_nav":16,"messages":245,"component":257,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[246,252],{"_uid":247,"icon":248,"link":249,"target":16,"message":250,"component":251},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","Have questions about our SDKs or enterprise applications? Talk to a Tech Soft 3D expert","element-notice-child",{"_uid":253,"icon":254,"link":255,"target":16,"message":256,"component":251},"45ffc4c7-d6cf-4d3c-9606-ec4154852aef","hugeicons:artificial-intelligence-04","/developers/products/hoops-ai","Check out our newest SDK, HOOPS AI, a framework for preparing CAD data for ML workflows","element-notice",{"_uid":259,"menu":260,"component":275,"has_notice":56},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[261,266,269,272],{"url":262,"_uid":263,"label":264,"new_tab":173,"component":265},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":262,"_uid":267,"label":268,"new_tab":173,"component":265,"style_as_button":173},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":262,"_uid":270,"label":271,"new_tab":173,"component":265,"style_as_button":173},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":262,"_uid":273,"label":274,"new_tab":173,"component":265,"style_as_button":56},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Support","top","global","main-navigation","global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","default",[],"reference",{"type":24,"content":288},[289],{"type":39,"attrs":290,"content":291},{"textAlign":30},[292],{"text":293,"type":34},"This demo is built with HOOPS Visualize for Web (formerly HOOPS Communicator) and allows you to view several models, along with layers, sheets, and other drawing properties within each model.","2D DWG Drawing Demo",[296,302,308],{"id":297,"alt":298,"name":16,"focus":16,"title":299,"source":16,"filename":300,"copyright":16,"fieldtype":201,"meta_data":301},159198093484907,"A 2D floorplan for the 2D DWG drawing demo","2D DWG Floorplan","https://a-us.storyblok.com/f/1023536/4500x3000/3564fe359e/2d-dwg-floorplan.jpg",{"alt":298,"title":299,"source":16,"copyright":16},{"id":303,"alt":304,"name":16,"focus":16,"title":305,"source":16,"filename":306,"copyright":16,"fieldtype":201,"meta_data":307},159198493684589,"A screenshot of a floorplan for the 2D DWG demo","2D DWG Floorplan 2","https://a-us.storyblok.com/f/1023536/4500x3000/c80cd5be32/2d-dwg-floorplan-2.jpg",{"alt":304,"title":305,"source":16,"copyright":16},{"id":309,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":310,"copyright":16,"fieldtype":201,"meta_data":311},159198801286000,"https://a-us.storyblok.com/f/1023536/4500x3000/ee3ec0923f/2d-dwg-floorplan-3.jpg",{},[313],"hoopsVisualize",{"_uid":315,"title":316,"plugin":194,"description":317},"f1d30ae9-da65-40d7-915c-2bcf02944556","2D DWG Drawing Demo | Tech Soft 3D Labs","This demo is built with HOOPS Visualize for Web and allows you to view several models, along with layers, sheets, and other drawing properties within each model.","lab",{"id":16,"url":320,"linktype":92,"fieldtype":177,"cached_url":320},"https://techsoft3d.github.io/2D-DWG-Drawing-Viewer/index.html?instance=HotelFloorplan&_gl=1*1jt0vmk*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQ1NDkxODkkbzIzMCRnMSR0MTc3NDU1MjE1OSRqNjAkbDAkaDE1NzkyNTA5OTQ.",{"id":303,"alt":304,"name":16,"focus":16,"title":305,"source":16,"filename":306,"copyright":16,"fieldtype":201,"meta_data":322,"is_external_url":173},{"alt":304,"title":305,"source":16,"copyright":16},{"id":16,"url":324,"linktype":92,"fieldtype":177,"cached_url":324},"https://github.com/techsoft3d/2D-DWG-Drawing-Viewer","Sunday, June 25, 2023",{"id":303,"alt":304,"name":16,"focus":16,"title":305,"source":16,"filename":306,"copyright":16,"fieldtype":201,"meta_data":327,"is_external_url":173},{"alt":304,"title":305,"source":16,"copyright":16},"2d-dwg-drawing-viewer-demo","developers/labs/2d-dwg-drawing-viewer-demo",-260,[],99359039112762,"82d383d3-0e0d-4f7c-a77c-c1a1c32eacab",[],1776357652,[337],{"name":234,"created_at":235,"published_at":236,"updated_at":237,"id":238,"uuid":239,"content":338,"slug":277,"full_slug":278,"sort_by_date":30,"position":279,"tag_list":350,"is_startpage":173,"parent_id":281,"meta_data":30,"group_id":282,"first_published_at":283,"release_id":30,"lang":284,"path":30,"alternates":351,"default_full_slug":30,"translated_slugs":30},{"_uid":241,"items":339,"component":276},[340,344],{"_uid":244,"left_nav":16,"messages":341,"component":257,"right_nav":16},[342,343],{"_uid":247,"icon":248,"link":249,"target":16,"message":250,"component":251},{"_uid":253,"icon":254,"link":255,"target":16,"message":256,"component":251},{"_uid":259,"menu":345,"component":275,"has_notice":56},[346,347,348,349],{"url":262,"_uid":263,"label":264,"new_tab":173,"component":265},{"url":262,"_uid":267,"label":268,"new_tab":173,"component":265,"style_as_button":173},{"url":262,"_uid":270,"label":271,"new_tab":173,"component":265,"style_as_button":173},{"url":262,"_uid":273,"label":274,"new_tab":173,"component":265,"style_as_button":56},[],[],[],{"age":354,"cache-control":355,"connection":356,"content-encoding":357,"content-type":358,"date":359,"etag":360,"referrer-policy":361,"sb-be-version":362,"server":363,"strict-transport-security":364,"transfer-encoding":365,"vary":366,"via":367,"x-amz-cf-id":368,"x-amz-cf-pop":369,"x-cache":370,"x-content-type-options":371,"x-frame-options":372,"x-permitted-cross-domain-policies":373,"x-request-id":374,"x-runtime":375,"x-xss-protection":376},"19109","max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Thu, 16 Apr 2026 16:41:09 GMT","W/\"b09e6cf395a267bbb1e43161e9cd317d\"","strict-origin-when-cross-origin","5.747.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 71fd64ca8017d30cdbfc030bfad84ca8.cloudfront.net (CloudFront)","RWOkXTPZYv8u2iwrNmOI2nL3ueiNkQoJAcq-4S-fzzKiIftnQET_cQ==","CMH68-P3","Hit from cloudfront","nosniff","SAMEORIGIN","none","507ede62-716c-4324-9421-5363c5672825","0.025198","0",1776376778221]