[{"data":1,"prerenderedAt":417},["ShallowReactive",2],{"{\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/manufacturing-control-system":3},{"data":4,"headers":394},{"story":5,"cv":376,"rels":377,"links":393},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":368,"full_slug":369,"sort_by_date":30,"position":370,"tag_list":371,"is_startpage":211,"parent_id":372,"meta_data":30,"group_id":373,"first_published_at":374,"release_id":30,"lang":322,"path":30,"alternates":375,"default_full_slug":30,"translated_slugs":30},"Manufacturing Control System","2026-03-26T14:14:58.992Z","2026-04-23T12:29:01.088Z","2026-04-23T12:29:01.111Z",159108706336351,"baffb7a0-0332-4af7-a945-d0b7f63ff88b",{"_uid":13,"body":14,"date":267,"fold":268,"intro":325,"title":332,"gallery":333,"category":352,"metadata":355,"component":358,"demo_link":359,"thumbnail":361,"github_link":363,"last_updated":365,"open_graph_image":366,"include_open_graph":51,"block_search_engines":211},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,258],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":257,"remove_padding":51},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,52,93,165,200,241],{"_uid":22,"body":23,"alignment":49,"component":50,"is_full_width":51},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,44],{"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},"This demo showcases how HOOPS Visualize for Web (formerly HOOPS Communicator) can be connected to a database backend for things like ERP and PLM systems to visualize and display manufacturing data for different parts and assemblies. This demo also shows how HOOPS Visualize for Web (formerly HOOPS Communicator) can be used to quickly change part attributes based on user interaction and incoming data from a database.",{"type":39,"attrs":45,"content":46},{"textAlign":30},[47],{"text":48,"type":34},"To use this demo there is a part filter which can be used to show parts only from specific manufacturers. Additionally, you can enable a filter by price range which will only show parts available within the user specified range. You can do the same for part inventory as well. For price range, you can also turn on a gradient which provides even more visible information giving the viewer an idea of how much a certain part costs based on the color. Lastly, there is part detail dropdown available in the top right corner of the web viewer. When a part is selected, the additional metadata is pulled from the database backend to reveal additional part details.","align-left","copy",true,{"_uid":53,"body":54,"alignment":49,"component":50,"is_full_width":51},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":55},[56,62],{"type":27,"attrs":57,"content":59},{"level":58,"textAlign":30},3,[60],{"text":61,"type":34},"How it was implemented:",{"type":63,"content":64},"bullet_list",[65,81],{"type":66,"content":67},"list_item",[68],{"type":39,"attrs":69,"content":70},{"textAlign":30},[71,73],{"text":72,"type":34},"Initialize the ",{"text":74,"type":34,"marks":75},"WebViewer",[76],{"type":77,"attrs":78},"link",{"href":79,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#constructor","url",{"type":66,"content":82},[83],{"type":39,"attrs":84,"content":85},{"textAlign":30},[86,88],{"text":87,"type":34},"Start the ",{"text":74,"type":34,"marks":89},[90],{"type":77,"attrs":91},{"href":92,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#Communicator.Communicator.WebViewer.start",{"_uid":94,"body":95,"alignment":49,"component":50,"is_full_width":51},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":96},[97,108],{"type":27,"attrs":98,"content":99},{"level":29,"textAlign":30},[100,102],{"text":101,"type":34},"Learn more about ",{"text":103,"type":34,"marks":104},"HOOPS Visualize for Web (formerly HOOPS Communicator)",[105],{"type":77,"attrs":106},{"href":107,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://www.techsoft3d.com/products/hoops/communicator",{"type":63,"content":109},[110,125,139,152],{"type":66,"content":111},[112],{"type":39,"attrs":113,"content":114},{"textAlign":30},[115,117,123],{"text":116,"type":34},"Reference the HOOPS Visualize for Web (formerly HOOPS Communicator) ",{"text":118,"type":34,"marks":119},"Documentation",[120],{"type":77,"attrs":121},{"href":122,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://docs.techsoft3d.com/communicator/latest/",{"text":124,"type":34},".",{"type":66,"content":126},[127],{"type":39,"attrs":128,"content":129},{"textAlign":30},[130,132,138],{"text":131,"type":34},"Sign up for a free ",{"text":133,"type":34,"marks":134},"evaluation",[135],{"type":77,"attrs":136},{"href":137,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://manage.techsoft3d.com/signup?product=communicator",{"text":124,"type":34},{"type":66,"content":140},[141],{"type":39,"attrs":142,"content":143},{"textAlign":30},[144,146],{"text":145,"type":34},"Jump straight into coding with the ",{"text":147,"type":34,"marks":148},"3D Sandbox",[149],{"type":77,"attrs":150},{"href":151,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://3dsandbox.techsoft3d.com/",{"type":66,"content":153},[154],{"type":39,"attrs":155,"content":156},{"textAlign":30},[157,159],{"text":158,"type":34},"Join our ",{"text":160,"type":34,"marks":161},"Community Forum",[162],{"type":77,"attrs":163},{"href":164,"uuid":30,"anchor":30,"target":30,"linktype":80},"https://forum.techsoft3d.com/",{"_uid":166,"body":167,"alignment":49,"component":50,"is_full_width":51},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":168},[169,176,188],{"type":27,"attrs":170,"content":171},{"level":29,"textAlign":30},[172],{"text":173,"type":34,"marks":174},"Questions or Feedback?",[175],{"type":37},{"type":39,"attrs":177,"content":178},{"textAlign":30},[179,181,187],{"text":180,"type":34},"We are looking for feedback and how this toolkit can be improved to meet your needs! Please connect in our ",{"text":182,"type":34,"marks":183},"forum",[184],{"type":77,"attrs":185},{"href":164,"uuid":30,"anchor":30,"target":186,"linktype":80},"_blank",{"text":124,"type":34},{"type":39,"attrs":189,"content":190},{"textAlign":30},[191,193],{"text":192,"type":34},"You can also sign up for a 60-day trial of ",{"text":194,"type":34,"marks":195},"HOOPS Visualize. ",[196],{"type":77,"attrs":197},{"href":198,"uuid":30,"anchor":30,"target":199,"linktype":80},"https://developer.techsoft3d.com/hoops/visualize","_self",{"_uid":201,"messages":202,"component":235,"background":236,"remove_padding":51,"is_verticalized":211},"2517b691-8590-46b2-b1a0-c989536a3b36",[203],{"_uid":204,"icon":16,"buttons":205,"content":216,"headline":223,"link_url":16,"metadata":230,"component":233,"icon_size":16,"link_label":16,"headline_heading":234},"1f7a4845-55d4-4520-b973-efe814118e45",[206],{"_uid":207,"href":16,"color":208,"label":209,"action":210,"new_tab":211,"outline":51,"alignment":16,"component":212,"text_link":211,"destination":213},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Subscribe","action-modal",false,"element-button",{"id":16,"url":214,"linktype":80,"fieldtype":215,"cached_url":214},"subscribe","multilink",{"type":24,"content":217},[218],{"type":39,"attrs":219,"content":220},{"textAlign":30},[221],{"text":222,"type":34},"We’ll notify you as soon as new projects are available.",{"type":24,"content":224},[225],{"type":39,"attrs":226,"content":227},{"textAlign":30},[228],{"text":229,"type":34},"Be the first to know about new projects",{"_uid":231,"title":16,"plugin":232,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":237,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":238,"copyright":16,"fieldtype":239,"meta_data":240,"is_external_url":211},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":242,"body":243,"alignment":49,"component":50,"is_full_width":51},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":244},[245],{"type":39,"attrs":246,"content":247},{"textAlign":30},[248,250,256],{"text":249,"type":34},"Need to contact us? Email us at ",{"text":251,"type":34,"marks":252},"labs@techsoft3d.com",[253],{"type":77,"attrs":254},{"href":251,"uuid":30,"anchor":30,"target":199,"linktype":255},"email",{"text":124,"type":34},"columns",{"id":214,"_uid":259,"items":260,"component":266},"ca556064-0fa5-4110-8395-86e3f005ea32",[261],{"id":262,"_uid":263,"component":264,"business_unit":265},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2026-04-05 00:00",[269],{"_uid":270,"source":271,"component":324},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":272,"created_at":273,"published_at":274,"updated_at":275,"id":276,"uuid":277,"content":278,"slug":315,"full_slug":316,"sort_by_date":30,"position":317,"tag_list":318,"is_startpage":211,"parent_id":319,"meta_data":30,"group_id":320,"first_published_at":321,"release_id":30,"lang":322,"path":30,"alternates":323,"default_full_slug":30,"translated_slugs":30,"_stopResolving":51},"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":279,"items":280,"component":314},"8915070e-32eb-476d-b215-1c92ebdad15c",[281,296],{"_uid":282,"left_nav":16,"messages":283,"component":295,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[284,290],{"_uid":285,"icon":286,"link":287,"target":16,"message":288,"component":289},"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":291,"icon":292,"link":293,"target":16,"message":294,"component":289},"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":297,"menu":298,"component":313,"has_notice":51},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[299,304,307,310],{"url":300,"_uid":301,"label":302,"new_tab":211,"component":303},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":300,"_uid":305,"label":306,"new_tab":211,"component":303,"style_as_button":211},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":300,"_uid":308,"label":309,"new_tab":211,"component":303,"style_as_button":211},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":300,"_uid":311,"label":312,"new_tab":211,"component":303,"style_as_button":51},"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":326},[327],{"type":39,"attrs":328,"content":329},{"textAlign":30},[330],{"text":331,"type":34},"This HOOPS Visualize for Web (formerly HOOPS Communicator) based demo shows how 3D data can be connected to external information such as ERP, PLM, or PDM systems.","Manufacturing Control System Demo",[334,340,346],{"id":335,"alt":336,"name":16,"focus":16,"title":337,"source":16,"filename":338,"copyright":16,"fieldtype":239,"meta_data":339},159159090156192,"Screenshot of a manufacturing application displaying a green and blue bike","Manufacturing Demo Screenshot 1","https://a-us.storyblok.com/f/1023536/4500x3000/80aa71ed5f/manufacturing-demo-screenshot-1.jpg",{"alt":336,"title":337,"source":16,"copyright":16},{"id":341,"alt":342,"name":16,"focus":16,"title":343,"source":16,"filename":344,"copyright":16,"fieldtype":239,"meta_data":345},159167642251985,"Manufacturing demo application screenshot of a blue motorcycle with price range and part inventory","Manufacturing Demo Screenshot 2","https://a-us.storyblok.com/f/1023536/4500x3000/a67151009a/manufacturing-demo-screenshot-2.jpg",{"alt":342,"title":343,"source":16,"copyright":16},{"id":347,"alt":348,"name":16,"focus":16,"title":349,"source":16,"filename":350,"copyright":16,"fieldtype":239,"meta_data":351},159167970906841,"A 3D motorcycle model in a manufacturing demo application with parts filter","Manufacturing Demo Screenshot 3","https://a-us.storyblok.com/f/1023536/4500x3000/4a47d241d7/manufacturing-demo-screenshot-3.jpg",{"alt":348,"title":349,"source":16,"copyright":16},[353,354],"hoopsVisualize","PLM",{"_uid":356,"title":357,"plugin":232,"description":331},"60b1bfc6-4136-49aa-9ac0-97c3db7b3377","Manufacturing Control System | Tech Soft 3D Labs","lab",{"id":16,"url":360,"linktype":80,"fieldtype":215,"cached_url":360},"https://techsoft3d.github.io/Manufacturing-Control-System/?_gl=1*xmpvv9*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQ1MzMxMjckbzIyNyRnMSR0MTc3NDUzNDUyOCRqNjAkbDAkaDE5MTA0MzE2Nzk.",{"id":341,"alt":342,"name":16,"focus":16,"title":343,"source":16,"filename":344,"copyright":16,"fieldtype":239,"meta_data":362,"is_external_url":211},{"alt":342,"title":343,"source":16,"copyright":16},{"id":16,"url":364,"linktype":80,"fieldtype":215,"cached_url":364},"https://github.com/techsoft3d/Manufacturing-Control-System","April 05, 2026",{"id":341,"alt":342,"name":16,"focus":16,"title":343,"source":16,"filename":344,"copyright":16,"fieldtype":239,"meta_data":367,"is_external_url":211},{"alt":342,"title":343,"source":16,"copyright":16},"manufacturing-control-system","developers/labs/manufacturing-control-system",-170,[],99359039112762,"95ac5c44-9b4e-4e9e-842c-3695a13e43d0","2026-04-03T18:44:12.943Z",[],1776956007,[378],{"name":272,"created_at":273,"published_at":274,"updated_at":275,"id":276,"uuid":277,"content":379,"slug":315,"full_slug":316,"sort_by_date":30,"position":317,"tag_list":391,"is_startpage":211,"parent_id":319,"meta_data":30,"group_id":320,"first_published_at":321,"release_id":30,"lang":322,"path":30,"alternates":392,"default_full_slug":30,"translated_slugs":30},{"_uid":279,"items":380,"component":314},[381,385],{"_uid":282,"left_nav":16,"messages":382,"component":295,"right_nav":16},[383,384],{"_uid":285,"icon":286,"link":287,"target":16,"message":288,"component":289},{"_uid":291,"icon":292,"link":293,"target":16,"message":294,"component":289},{"_uid":297,"menu":386,"component":313,"has_notice":51},[387,388,389,390],{"url":300,"_uid":301,"label":302,"new_tab":211,"component":303},{"url":300,"_uid":305,"label":306,"new_tab":211,"component":303,"style_as_button":211},{"url":300,"_uid":308,"label":309,"new_tab":211,"component":303,"style_as_button":211},{"url":300,"_uid":311,"label":312,"new_tab":211,"component":303,"style_as_button":51},[],[],[],{"cache-control":395,"connection":396,"content-encoding":397,"content-type":398,"date":399,"etag":400,"referrer-policy":401,"sb-be-version":402,"server":403,"strict-transport-security":404,"transfer-encoding":405,"vary":406,"via":407,"x-amz-cf-id":408,"x-amz-cf-pop":409,"x-cache":410,"x-content-type-options":411,"x-frame-options":412,"x-permitted-cross-domain-policies":413,"x-request-id":414,"x-runtime":415,"x-xss-protection":416},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Thu, 23 Apr 2026 14:54:01 GMT","W/\"ee9c9aef9da3455c80d6a6f017337405\"","strict-origin-when-cross-origin","5.764.0","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 9bbb207d06004a8ab2afec5e595e7b86.cloudfront.net (CloudFront)","IT-6ufu_G0FiVmOqRFGqjIfS7BvZE7jU0Xf2Asr98qPxRJglwG7yqA==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","61cc6886-a509-4fae-a022-b8d3aa308aef","0.034930","0",1776956041814]