[{"data":1,"prerenderedAt":391},["ShallowReactive",2],{"{\"language\":\"de\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/minimal-web-viewer":3},{"data":4,"headers":367},{"story":5,"cv":349,"rels":350,"links":366},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":341,"full_slug":342,"sort_by_date":30,"position":343,"tag_list":344,"is_startpage":157,"parent_id":345,"meta_data":30,"group_id":346,"first_published_at":347,"release_id":30,"lang":305,"path":30,"alternates":348,"default_full_slug":30,"translated_slugs":30},"Minimal Web Viewer","2026-03-27T16:47:31.453Z","2026-04-23T12:28:55.371Z","2026-04-23T12:28:55.409Z",159500089204480,"56bbad4b-8a2f-4d13-bbce-a3656a977a7a",{"_uid":13,"body":14,"date":250,"fold":251,"intro":308,"title":6,"gallery":321,"category":322,"metadata":325,"component":329,"demo_link":330,"thumbnail":331,"github_link":337,"last_updated":338,"open_graph_image":339,"include_open_graph":51,"block_search_engines":157},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,241],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":240,"remove_padding":51},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,52,56,111,146,187,224],{"_uid":22,"body":23,"alignment":49,"component":50,"is_full_width":51},"152b4bc8-9953-4de6-97d6-3ca41c22cb62",{"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},"Überblick","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42],{"text":43,"type":34},"Mit nur wenigen Zeilen HTML kann ein Entwickler 3D-Inhalte zu jeder Website hinzufügen.",{"type":39,"attrs":45,"content":46},{"textAlign":30},[47],{"text":48,"type":34},"Hier ist eine minimale Implementierung von 3D-Daten, die in den HOOPS Web Viewer geladen werden, und eine Erklärung, wie es gemacht wird.","align-left","copy",true,{"_uid":53,"code":54,"component":55},"5a7eb982-8a51-4f0e-be2e-7e1cd9804968","\u003Cdiv style=\"height: 0; margin: 20px 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative;\">\n\u003Ciframe style=\"height: 100%;left: 0; position: absolute; top: 0; width: 100%;\" src=\"https://innovation-lab-downloads.s3-us-west-2.amazonaws.com/minimal.html\">\u003C/iframe>\n\u003C/div>","code",{"_uid":57,"body":58,"alignment":49,"component":50,"is_full_width":51},"f2adecbd-ef0e-41ef-83ba-15419b51ba2f",{"type":24,"content":59},[60,67,84],{"type":27,"attrs":61,"content":62},{"level":29,"textAlign":30},[63],{"text":64,"type":34,"marks":65},"Wie es implementiert wurde",[66],{"type":37},{"type":39,"attrs":68,"content":69},{"textAlign":30},[70,72,82],{"text":71,"type":34},"Der ",{"text":73,"type":34,"marks":74},"HOOPS Visualize",[75],{"type":76,"attrs":77},"link",{"href":78,"uuid":79,"anchor":30,"target":80,"linktype":81},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"text":83,"type":34}," Web Viewer wird in einem Script-Tag importiert. Der Web Viewer wird mit zwei Argumenten erstellt. Der endpointUri zeigt, wo die 3D-Daten geladen werden sollen. Der containerId ist eine HTML-Element-ID, wohin der Web Viewer rendern soll. Der Web Viewer wird gestartet, und das war alles.",{"type":39,"attrs":85,"content":86},{"textAlign":30},[87,91,93,101,103,109],{"text":88,"type":34,"marks":89},"Woher kamen die Daten? ",[90],{"type":37},{"text":92,"type":34},"HOOPS Visualize's ",{"text":94,"type":34,"marks":95},"CAD-Konverter",[96],{"type":76,"attrs":97},{"href":98,"uuid":30,"anchor":30,"target":99,"linktype":100},"https://docs.techsoft3d.com/hoops/visualize-web/prog_guide/data_import/cad_conversion/converter_app/converter-application-overview.html","_blank","url",{"text":102,"type":34},", der sich auf ",{"text":104,"type":34,"marks":105},"HOOPS Exchange",[106],{"type":76,"attrs":107},{"href":108,"uuid":30,"anchor":30,"target":80,"linktype":100},"https://www.techsoft3d.com/developers/products/hoops-exchange/",{"text":110,"type":34}," verlässt, um CAD-Dateien schnell zu lesen, hat eine CATIA V5 CAD-Baugruppe in eine leichte, streambare SCS-Datei konvertiert. Die SCS-Datei wird in einem öffentlichen AWS S3-Bucket gespeichert, um einfachen Zugriff zu gewähren.",{"_uid":112,"body":113,"alignment":49,"component":50,"is_full_width":51},"67c4014c-c9ee-42e5-8407-c5c49ed9eed8",{"type":24,"content":114},[115,122,135],{"type":27,"attrs":116,"content":117},{"level":29,"textAlign":30},[118],{"text":119,"type":34,"marks":120},"Probieren Sie es selbst aus",[121],{"type":37},{"type":39,"attrs":123,"content":124},{"textAlign":30},[125,127,133],{"text":126,"type":34},"Für einen tieferen Einblick in diese Implementierung und wie sie erweitert werden kann, lesen Sie den ",{"text":128,"type":34,"marks":129},"Leitfaden zur Erstellung einer grundlegenden Anwendung",[130],{"type":76,"attrs":131},{"href":132,"uuid":30,"anchor":30,"target":99,"linktype":100},"https://docs.techsoft3d.com/hoops/visualize-web/tutorials/basic-app/introduction.html",{"text":134,"type":34}," für HOOPS Visualize for Web.",{"type":39,"attrs":136,"content":137},{"textAlign":30},[138,140,144],{"text":139,"type":34},"Er führt in die Kernkonzepte der Entwicklung einer Webanwendung mit ",{"text":73,"type":34,"marks":141},[142],{"type":76,"attrs":143},{"href":78,"uuid":79,"anchor":30,"target":99,"linktype":81},{"text":145,"type":34},"ein. Am Ende werden Sie eine solide Grundlage haben, um es in Ihre eigenen Projekte zu integrieren.",{"_uid":147,"messages":148,"component":181,"background":182,"remove_padding":51,"is_verticalized":157},"f964a1a0-8c11-4253-9374-60fac4cd3a0a",[149],{"_uid":150,"icon":16,"buttons":151,"content":162,"headline":169,"link_url":16,"metadata":176,"component":179,"icon_size":16,"link_label":16,"headline_heading":180},"8db5e947-ff83-4bde-b44c-c230d43ec62e",[152],{"_uid":153,"href":16,"color":154,"label":155,"action":156,"new_tab":157,"outline":51,"alignment":16,"component":158,"text_link":157,"destination":159},"ff9677fc-f285-40b3-ab6f-3fa2e32c697e","light","Abonnieren","action-modal",false,"element-button",{"id":16,"url":160,"linktype":100,"fieldtype":161,"cached_url":160},"subscribe","multilink",{"type":24,"content":163},[164],{"type":39,"attrs":165,"content":166},{"textAlign":30},[167],{"text":168,"type":34},"Wir benachrichtigen Sie, sobald neue Projekte verfügbar sind.",{"type":24,"content":170},[171],{"type":39,"attrs":172,"content":173},{"textAlign":30},[174],{"text":175,"type":34},"Erfahren Sie als Erster von neuen Projekten",{"_uid":177,"title":16,"plugin":178,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":183,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":184,"copyright":16,"fieldtype":185,"meta_data":186,"is_external_url":157},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":188,"body":189,"alignment":49,"component":50,"is_full_width":51},"8fdf56ab-b62c-48bf-a5d3-bd005e411480",{"type":24,"content":190},[191,198,211],{"type":27,"attrs":192,"content":193},{"level":29,"textAlign":30},[194],{"text":195,"type":34,"marks":196},"Fragen oder Feedback?",[197],{"type":37},{"type":39,"attrs":199,"content":200},{"textAlign":30},[201,203,209],{"text":202,"type":34},"Wir suchen nach Feedback und wie dieses Toolkit verbessert werden kann, um Ihren Bedürfnissen gerecht zu werden! Bitte verbinden Sie sich in unserem ",{"text":204,"type":34,"marks":205},"Forum",[206],{"type":76,"attrs":207},{"href":208,"uuid":30,"anchor":30,"target":99,"linktype":100},"https://forum.techsoft3d.com/",{"text":210,"type":34},".",{"type":39,"attrs":212,"content":213},{"textAlign":30},[214,216,222],{"text":215,"type":34},"Sie können sich auch für eine 60-tägige Testversion der ",{"text":217,"type":34,"marks":218},"HOOPS Web Platform",[219],{"type":76,"attrs":220},{"href":221,"uuid":30,"anchor":30,"target":99,"linktype":100},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":223,"type":34},"anmelden.",{"_uid":225,"body":226,"alignment":49,"component":50,"is_full_width":51},"99152d4a-552b-453a-90c0-b4b9796888c1",{"type":24,"content":227},[228],{"type":39,"attrs":229,"content":230},{"textAlign":30},[231,233,239],{"text":232,"type":34},"Müssen Sie uns kontaktieren? Senden Sie eine E-Mail an ",{"text":234,"type":34,"marks":235},"labs@techsoft3d.com",[236],{"type":76,"attrs":237},{"href":234,"uuid":30,"anchor":30,"target":80,"linktype":238},"email",{"text":210,"type":34},"columns",{"id":160,"_uid":242,"items":243,"component":249},"ca556064-0fa5-4110-8395-86e3f005ea32",[244],{"id":245,"_uid":246,"component":247,"business_unit":248},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2020-03-02 00:00",[252],{"_uid":253,"source":254,"component":307},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":255,"created_at":256,"published_at":257,"updated_at":258,"id":259,"uuid":260,"content":261,"slug":298,"full_slug":299,"sort_by_date":30,"position":300,"tag_list":301,"is_startpage":157,"parent_id":302,"meta_data":30,"group_id":303,"first_published_at":304,"release_id":30,"lang":305,"path":30,"alternates":306,"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":262,"items":263,"component":297},"8915070e-32eb-476d-b215-1c92ebdad15c",[264,279],{"_uid":265,"left_nav":16,"messages":266,"component":278,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[267,273],{"_uid":268,"icon":269,"link":270,"target":16,"message":271,"component":272},"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":274,"icon":275,"link":276,"target":16,"message":277,"component":272},"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":280,"menu":281,"component":296,"has_notice":51},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[282,287,290,293],{"url":283,"_uid":284,"label":285,"new_tab":157,"component":286},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":283,"_uid":288,"label":289,"new_tab":157,"component":286,"style_as_button":157},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":283,"_uid":291,"label":292,"new_tab":157,"component":286,"style_as_button":157},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":283,"_uid":294,"label":295,"new_tab":157,"component":286,"style_as_button":51},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Support","top","global","main-navigation","de/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","de",[],"reference",{"type":24,"content":309},[310],{"type":39,"attrs":311,"content":312},{"textAlign":30},[313,315,319],{"text":314,"type":34},"Die HOOPS Web Platform verwendet HOOPS Exchange für den Zugriff auf CAD-Daten und ",{"text":73,"type":34,"marks":316},[317],{"type":76,"attrs":318},{"href":78,"uuid":79,"anchor":30,"target":80,"linktype":81},{"text":320,"type":34}," for Web (ehemals HOOPS Communicator) für die 3D-Web-Visualisierung.",[],[323,324],"hoopsExchange","hoopsVisualize",{"_uid":326,"title":327,"plugin":178,"description":328},"54a2ef1e-aa5c-4f3b-9b9d-f866451ee8e6","Minimal Web Viewer | Tech Soft 3D Labs","The HOOPS Web Platform uses HOOPS Exchange for CAD data access and HOOPS Visualize for Web (formerly HOOPS Communicator) for 3D web visualization.","lab",{"id":16,"url":16,"linktype":100,"fieldtype":161,"cached_url":16},{"id":332,"alt":333,"name":16,"focus":16,"title":334,"source":16,"filename":335,"copyright":16,"fieldtype":185,"meta_data":336,"is_external_url":157},160806696871751,"A 3D model in a minimal CAD viewer built with HOOPS Visualize.","Minimal CAD Viewer","https://a-us.storyblok.com/f/1023536/1920x1080/e1c17dea97/minimal-cad-viewer.jpg",{"alt":333,"title":334,"source":16,"copyright":16},{"id":16,"url":16,"linktype":100,"fieldtype":161,"cached_url":16},"Montag, 2. März 2020",{"id":332,"alt":333,"name":16,"focus":16,"title":334,"source":16,"filename":335,"copyright":16,"fieldtype":185,"meta_data":340,"is_external_url":157},{"alt":333,"title":334,"source":16,"copyright":16},"minimal-web-viewer","de/developers/labs/minimal-web-viewer",-200,[],99359039112762,"4a2fa999-84cf-4106-a297-f63b5b104b6f","2026-04-03T18:44:12.259Z",[],1777045065,[351],{"name":255,"created_at":256,"published_at":257,"updated_at":258,"id":259,"uuid":260,"content":352,"slug":298,"full_slug":299,"sort_by_date":30,"position":300,"tag_list":364,"is_startpage":157,"parent_id":302,"meta_data":30,"group_id":303,"first_published_at":304,"release_id":30,"lang":305,"path":30,"alternates":365,"default_full_slug":30,"translated_slugs":30},{"_uid":262,"items":353,"component":297},[354,358],{"_uid":265,"left_nav":16,"messages":355,"component":278,"right_nav":16},[356,357],{"_uid":268,"icon":269,"link":270,"target":16,"message":271,"component":272},{"_uid":274,"icon":275,"link":276,"target":16,"message":277,"component":272},{"_uid":280,"menu":359,"component":296,"has_notice":51},[360,361,362,363],{"url":283,"_uid":284,"label":285,"new_tab":157,"component":286},{"url":283,"_uid":288,"label":289,"new_tab":157,"component":286,"style_as_button":157},{"url":283,"_uid":291,"label":292,"new_tab":157,"component":286,"style_as_button":157},{"url":283,"_uid":294,"label":295,"new_tab":157,"component":286,"style_as_button":51},[],[],[],{"age":368,"cache-control":369,"connection":370,"content-encoding":371,"content-type":372,"date":373,"etag":374,"referrer-policy":375,"sb-be-version":376,"server":377,"strict-transport-security":378,"transfer-encoding":379,"vary":380,"via":381,"x-amz-cf-id":382,"x-amz-cf-pop":383,"x-cache":384,"x-content-type-options":385,"x-frame-options":386,"x-permitted-cross-domain-policies":387,"x-request-id":388,"x-runtime":389,"x-xss-protection":390},"175025","max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Fri, 24 Apr 2026 16:03:56 GMT","W/\"37abf2ee63a34a9a331e0346a6432fc1\"","strict-origin-when-cross-origin","5.764.0","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 91e9eebca810fe5496f5fcf7d3800df4.cloudfront.net (CloudFront)","qTW0thrj5eAj9F53qSQFHwc9zmGVfM0kYE0p22hXAhgKPHTJ-RmsbQ==","CMH68-P3","Hit from cloudfront","nosniff","SAMEORIGIN","none","5d3aa335-0a7e-49b0-85a3-0a265f20b88b","0.045452","0",1777221661570]