Web Components for Insights Hub and Industrial IoT - Developer Documentation - Developer Documentation
Skip to content

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:

  1. 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.
  2. 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.
  3. 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 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
China 1 https://static.cn1.mindsphere-in.cn/webcomponents/v1/index.js

Info

Web Components for Insights Hub and Industrial IoT are currently hosted in region Europe 1 and region China 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].

Download for region China 1

For region China 1, download the zip file with Region China special label version from the Siemens Industry Online Support (SIOS) Portal.

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".


Last update: October 5, 2023

Except where otherwise noted, content on this site is licensed under the Development License Agreement.