Web Components for Insights Hub and Industrial IoT
Introduction¶
Web Components for Insights Hub and Industrial IoT are ready-to-use building blocks for use in custom applications which do not require a specific framework. These building blocks solve common issues faced by developers during the development of industrial applications, such as navigation between devices or standard visualization types. They can easily be integrated into individual development code and customized to accelerate the application development process.
There are three types of Web Components for Insights Hub and Industrial IoT:
- Utility Web Components are pure frontend controls without accessing any data like the DateTimeRange-Picker. These components do not require a specific api or user role.
- Basic Web Components use the APIs for Insights Hub and Industrial IoT to display or handle data. The required roles must be configured in Developer Cockpit.
- Advanced Web Components have some further dependencies, for instance that you need a specific Insights Hub application or offering. More you will find in the related web component description.
The following Web Components for Insights Hub and Industrial IoT are currently available:
| Component Name | Type | Availability | Comment |
|---|---|---|---|
| Aggregate Chart | Basic | v1.0 - v1.21 | DEPRECATED |
| Aspect Variable Selector | Basic | >= v1.0 | |
| Asset Map | Basic | >= v1.0 | |
| Asset Type View | Basic | >= v1.19 | |
| Asset View | Basic | >= v1.0 | |
| Custom Map | Basic | >= v1.6 | |
| Date Time Range Picker | Utility | >= v1.0 | |
| Event Chart | Basic | >= v1.28 | |
| Event View | Basic | >= v1.0 | |
| Event Type View | Basic | >= v1.23 | |
| File View | Basic | >= v1.0 | |
| IDL List View | Advanced | >= v1.21 | |
| Map | Basic | >= v1.0 | |
| MCEA View Chart | Advanced | >= v1.17 | |
| Rule Table | Basic | >= v1.23 | |
| Rule View | Basic | v1.0 - v1.21 | DEPRECATED |
| Rule Wizard | Basic | >= v1.23 | |
| TimeSeries Chart | Basic | >= v1.12 | |
| TimeSeries Table | Basic | >= v1.16 |
Get the Web Components for Insights Hub and Industrial IoT¶
The Web Components for Insights Hub and Industrial IoT are available via content delivery network:
https://static.{region}.{mindsphere-domain}/webcomponents/v1/index.js
| Example | |
|---|---|
| Europe 1 | https://static.eu1.mindsphere.io/webcomponents/v1/index.js |
Info
Web Components for Insights Hub and Industrial IoT are currently hosted in region Europe 1.
After loading the source, the Web Components for Insights Hub and Industrial IoT can be integrated into any web application by using the respective selectors, refer to Components and References.
A demo application which integrates the Web Components is available for download on the Siemens Industry Online Support (SIOS) Portal [EN]/[DE].
Mendix Widgets¶
Web Components for Insights Hub and Industrial IoT are also available for Mendix Application Development. Within the Mendix app store you can find the Web Components for Insights Hub and Industrial IoT as widgets. Mendix Developers can easily integrate those widgets into their projects. Please find more information about the Mendix Widgets in the chapter Mendix Widgets.
Features¶
Customization¶
Web Components for Insights Hub and Industrial IoT provide options for customization and branding of reliable standard functionalities.
Interfaces¶
The Web Components provide a data model and business logic to handle the communication with Insights Hub, Industrial IoT and third-party APIs. These interfaces can be integrated via attributes and events based on HTML standards.
Most components provide a graphical user interface.
Contribution¶
We love to hear about your ideas, questions and feedback around Web Components for Insights Hub and Industrial IoT!
Leave us a message in the Developer Space and use the label "Web Components".
Related Links¶
- Context
- Cross-Tenancy
- Error handling
- Event handling
- Internationalization
- Self hosted
- Theming
- Versioning
Except where otherwise noted, content on this site is licensed under the Development License Agreement.