Visualize your models and twins with Azure Digital Twins Explorer

Published 06-01-2021 08:00 AM 1,533 Views
Microsoft

The future of IoT is inherently visual, so why isn't our tooling? We've seen from very early on that Azure Digital Twins solutions are built on visual mental models, so we've set out to offer visual tooling with developers in mind. Instead of creating visual tooling from scratch, developers can fork and customize the digital-twins-explorer GitHub sample for their solutions. We’ve had such resounding support for this tool that we’ve taken the next step of hosting it in a web application for developers to take advantage of on Day 1. Learning and exploring Azure Digital Twins just got way easier - and even more collaborative.

 

 

Build and validate queries

 

It’s paramount that the queries you’re leveraging in your solution reflect the logic that you’re intending. The Query Explorer lets you intuitively validate these critical queries through both visual and JSON-structured responses, and even lets you save the queries you use often. Leverage features like Query Overlay to view query results in context of a superset graph and Filtering and Highlighting to investigate those results even further.

RileyNisbet_0-1621552679558.png

 

Prototype and test your digital twins

 

Your digital twin graph is never static – there are new machines to model, model versions to upgrade and properties being updated all the time to reflect your environment’s state. The Explorer lets you both create twins and relationships from inside the Twin Graph viewer and click into them to modify properties of all types. From creating missing relationships to testing a property-change-triggered event handler, managing properties in the Explorer makes your ad-hoc operations simpler.

RileyNisbet_1-1621552679586.png

 

Explore your model ontology

 

Model graphs can be large and complex, especially with more real-world domains being modeled – like parking infrastructure and weather data in a Smart City. Whether you’re authoring your own ontology or leveraging the industry-standard ontologies, the Model Graph viewer helps you understand your ontology at a high level and drill into the models with filtering and highlighting.

RileyNisbet_2-1621552679615.png

 

Now, more collaborative!

 

Importing and exporting your digital twin graph has already made it far easier to share the current state of your modeled environment with teammates, but we’ve extended the collaborative nature of the tool. With the hosted Explorer, we’ve enabled linking to environments which lets you share a specific query of your twin graph with teammates that have access to your Azure Digital Twins instance.

 

Get started

 

 

Resources

 

%3CLINGO-SUB%20id%3D%22lingo-sub-2374150%22%20slang%3D%22en-US%22%3EVisualize%20your%20models%20and%20twins%20with%20Azure%20Digital%20Twins%20Explorer%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2374150%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSTRONG%3EThe%20future%20of%20IoT%20is%20inherently%20visual%2C%20so%20why%20isn't%20our%20tooling%3F%3C%2FSTRONG%3E%20We've%20seen%20from%20very%20early%20on%20that%20Azure%20Digital%20Twins%20solutions%20are%20built%20on%20visual%20mental%20models%2C%20so%20we've%20set%20out%20to%20offer%20visual%20tooling%20with%20developers%20in%20mind.%20Instead%20of%20creating%20visual%20tooling%20from%20scratch%2C%20developers%20can%20fork%20and%20customize%20the%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FAzure-Samples%2Fdigital-twins-explorer%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Edigital-twins-explorer%3C%2FA%3E%20GitHub%20sample%20for%20their%20solutions.%20We%E2%80%99ve%20had%20such%20resounding%20support%20for%20this%20tool%20that%20we%E2%80%99ve%20taken%20the%20next%20step%20of%20hosting%20it%20in%20a%20web%20application%20for%20developers%20to%20take%20advantage%20of%20on%20Day%201.%20Learning%20and%20exploring%20Azure%20Digital%20Twins%20just%20got%20way%20easier%20-%20and%20even%20more%20collaborative.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CDIV%20style%3D%22position%3A%20relative%3B%20left%3A%2012.5%25%3B%20padding-bottom%3A%2042.3%25%3B%20padding-top%3A%200px%3B%20height%3A%200%3B%20overflow%3A%20hidden%3B%20min-width%3A%20320px%3B%20max-width%3A%2075%25%3B%22%3E%3CIFRAME%20src%3D%22https%3A%2F%2Fwww.youtube-nocookie.com%2Fembed%2Fqbs6XRlIxes%3Fcontrols%3D0%26amp%3Bautoplay%3Dfalse%26amp%3BWT.mc_id%3Diot-c9-niner%22%20frameborder%3D%220%22%20allowfullscreen%3D%22allowfullscreen%22%20style%3D%22position%3A%20absolute%3B%20top%3A%200%3B%20left%3A%200%3B%20width%3A%20100%25%3B%20height%3A%20100%25%3B%22%20class%3D%22video-iframe%22%20title%3D%22IoT%20Show%20episode%20about%20the%20ADT%20Explorer%20tool%22%3E%3C%2FIFRAME%3E%3C%2FDIV%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId--442952056%22%20id%3D%22toc-hId--465119474%22%3EBuild%20and%20validate%20queries%3C%2FH2%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EIt%E2%80%99s%20paramount%20that%20the%20queries%20you%E2%80%99re%20leveraging%20in%20your%20solution%20reflect%20the%20logic%20that%20you%E2%80%99re%20intending.%20The%20Query%20Explorer%20lets%20you%20intuitively%20validate%20these%20critical%20queries%20through%20both%20visual%20and%20JSON-structured%20responses%2C%20and%20even%20lets%20you%20save%20the%20queries%20you%20use%20often.%20Leverage%20features%20like%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fazure%2Fdigital-twins%2Fhow-to-use-azure-digital-twins-explorer%23overlay-query-results%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EQuery%20Overlay%3C%2FA%3E%20to%20view%20query%20results%20in%20context%20of%20a%20superset%20graph%20and%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fazure%2Fdigital-twins%2Fhow-to-use-azure-digital-twins-explorer%23filter-and-highlight-twin-graph-elements%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EFiltering%20and%20Highlighting%3C%2FA%3E%20to%20investigate%20those%20results%20even%20further.%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22RileyNisbet_0-1621552679558.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F282455i7B5F97760960A4C6%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22RileyNisbet_0-1621552679558.png%22%20alt%3D%22RileyNisbet_0-1621552679558.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId-2044560777%22%20id%3D%22toc-hId-2022393359%22%3EPrototype%20and%20test%20your%20digital%20twins%3C%2FH2%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EYour%20digital%20twin%20graph%20is%20never%20static%20%E2%80%93%20there%20are%20new%20machines%20to%20model%2C%20model%20versions%20to%20upgrade%20and%20properties%20being%20updated%20all%20the%20time%20to%20reflect%20your%20environment%E2%80%99s%20state.%20The%20Explorer%20lets%20you%20both%20create%20twins%20and%20relationships%20from%20inside%20the%20Twin%20Graph%20viewer%20and%20click%20into%20them%20to%20modify%20properties%20of%20all%20types.%20From%20creating%20missing%20relationships%20to%20testing%20a%20property-change-triggered%20event%20handler%2C%20managing%20properties%20in%20the%20Explorer%20makes%20your%20ad-hoc%20operations%20simpler.%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22RileyNisbet_1-1621552679586.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F282456i3BF3AABCDF6009E0%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22RileyNisbet_1-1621552679586.png%22%20alt%3D%22RileyNisbet_1-1621552679586.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId-237106314%22%20id%3D%22toc-hId-214938896%22%3EExplore%20your%20model%20ontology%3C%2FH2%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EModel%20graphs%20can%20be%20large%20and%20complex%2C%20especially%20with%20more%20real-world%20domains%20being%20modeled%20%E2%80%93%20like%20parking%20infrastructure%20and%20weather%20data%20in%20a%20Smart%20City.%20Whether%20you%E2%80%99re%20authoring%20your%20own%20ontology%20or%20leveraging%20the%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fazure%2Fdigital-twins%2Fconcepts-ontologies-adopt%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Eindustry-standard%20ontologies%3C%2FA%3E%2C%20the%20Model%20Graph%20viewer%20helps%20you%20understand%20your%20ontology%20at%20a%20high%20level%20and%20drill%20into%20the%20models%20with%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fazure%2Fdigital-twins%2Fhow-to-use-azure-digital-twins-explorer%23filter-and-highlight-model-graph-elements%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Efiltering%20and%20highlighting%3C%2FA%3E.%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22RileyNisbet_2-1621552679615.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F282457i745202AFE50A9418%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22RileyNisbet_2-1621552679615.png%22%20alt%3D%22RileyNisbet_2-1621552679615.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId--1570348149%22%20id%3D%22toc-hId--1592515567%22%3ENow%2C%20more%20collaborative!%3C%2FH2%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fazure%2Fdigital-twins%2Fhow-to-use-azure-digital-twins-explorer%23importexport-graph%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EImporting%20and%20exporting%3C%2FA%3E%20your%20digital%20twin%20graph%20has%20already%20made%20it%20far%20easier%20to%20share%20the%20current%20state%20of%20your%20modeled%20environment%20with%20teammates%2C%20but%20we%E2%80%99ve%20extended%20the%20collaborative%20nature%20of%20the%20tool.%20With%20the%20hosted%20Explorer%2C%20we%E2%80%99ve%20enabled%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fazure%2Fdigital-twins%2Fhow-to-use-azure-digital-twins-explorer%23link-to-your-environment%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Elinking%20to%20environments%3C%2FA%3E%20which%20lets%20you%20share%20a%20specific%20query%20of%20your%20twin%20graph%20with%20teammates%20that%20have%20access%20to%20your%20Azure%20Digital%20Twins%20instance.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId-917164684%22%20id%3D%22toc-hId-894997266%22%3EGet%20started%3C%2FH2%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3ELaunch%20the%20Explorer%20from%20the%20%3CA%20href%3D%22https%3A%2F%2Fportal.azure.com%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EAzure%20Portal%3C%2FA%3E%20%E2%80%93%20navigate%20to%20your%20Azure%20Digital%20Twins%20instance%20and%20select%20%3CEM%3EOpen%20Azure%20Digital%20Twins%20Explorer%20(preview)%20%3C%2FEM%3E%3C%2FLI%3E%0A%3CLI%3EHead%20directly%20to%20%3CA%20href%3D%22https%3A%2F%2Fexplorer.digitaltwins.azure.net%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Eexplorer.digitaltwins.azure.net%3C%2FA%3E%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId--890289779%22%20id%3D%22toc-hId--912457197%22%3EResources%3C%2FH2%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CUL%3E%0A%3CLI%3EWatch%20the%20%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fiotshow%2F272%2Fch9%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EExplorer%20IoT%20Show%20episode%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3ELearn%20more%20in%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fazure%2Fdigital-twins%2Fconcepts-azure-digital-twins-explorer%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EExplorer%20documentation%3C%2FA%3E%3C%2FLI%3E%0A%3CLI%3EDownload%20the%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FAzure-Samples%2Fdigital-twins-explorer%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Edigital-twins-explorer%20on%20GitHub%3C%2FA%3E%20and%20contribute%20back%3C%2FLI%3E%0A%3C%2FUL%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-2374150%22%20slang%3D%22en-US%22%3E%3CP%3EQuery%2C%20modify%20and%20explore%20your%20digital%20twins%20using%20the%20new%20hosted%20Azure%20Digital%20Twins%20Explorer%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22ADTExplorer.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F282677i92F73821D655DD6C%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22ADTExplorer.png%22%20alt%3D%22ADTExplorer.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-TEASER%3E
Co-Authors
Version history
Last update:
‎May 21 2021 09:07 AM
Updated by: