Last active
February 27, 2024 23:19
-
-
Save ubi-gists/2a258a204b4fd6ba66a63378ea0b63a4 to your computer and use it in GitHub Desktop.
A dashboard template for Ubidots onboarding
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [ | |
| { | |
| "__model__": "dashboard", | |
| "label": "onboarding-wip2", | |
| "name": "Demo Dashboard", | |
| "description": "", | |
| "tags": [], | |
| "context": { | |
| "size": { | |
| "width": "1366", | |
| "height": null | |
| }, | |
| "alignment": "center", | |
| "isDynamic": true, | |
| "displayName": "name", | |
| "__customStyle": { | |
| "widget": { | |
| "color": "#5e5e5e", | |
| "header": { | |
| "color": "#5e5e5e", | |
| "borderColor": "inherit", | |
| "borderStyle": "none", | |
| "borderWidth": 0, | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 14, | |
| "boxShadow": "0 0 20px 3px rgba(0,0,0,10%)", | |
| "borderColor": "inherit", | |
| "borderStyle": "none", | |
| "borderWidth": 0, | |
| "borderRadius": 8, | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "dashboard": { | |
| "color": "#5e5e5e", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "contextBar": { | |
| "color": "#inherit", | |
| "title": { | |
| "fontSize": 26 | |
| }, | |
| "fontSize": 14, | |
| "backgroundColor": "#inherit" | |
| } | |
| }, | |
| "dashboardType": "one-device", | |
| "defaultDevice": "~demo-machine", | |
| "hasBackground": false, | |
| "imageSettings": { | |
| "isUrlValue": false | |
| }, | |
| "temporalxaxis": "dynamic", | |
| "filterSettings": {}, | |
| "hideDatePicker": false, | |
| "widgetsOpacity": 1, | |
| "floatingWidgets": false, | |
| "timestampFormat": "MM/DD/YYYY HH:mm", | |
| "deviceFilterType": "all", | |
| "deviceFilterEntityId": null, | |
| "widgetVerticalSpacing": "15", | |
| "hideHeaderFooterWidgets": true, | |
| "widgetHorizontalSpacing": "15", | |
| "prospector_is_filters_last_value_alt": false | |
| }, | |
| "timeframe": { | |
| "endDate": "now", | |
| "startDate": "now-30d" | |
| }, | |
| "isEditable": true, | |
| "order": 1 | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Custom UI", | |
| "position": { | |
| "h": 8, | |
| "w": 6, | |
| "x": 6, | |
| "y": 69 | |
| }, | |
| "type": "custom_ui", | |
| "settings": { | |
| "editor": { | |
| "code": "<form>\n <paragraph type=\"h2\">Reports</paragraph>\n\n <paragraph type=\"h3\">Instantly deliver automated PDF or Excel reports to your email for informed decision-making.</paragraph>\n\n<paragraph type=\"h1\"> </paragraph>\n\n <button click=\"make_request\" type=\"primary\">TAKE ME THERE</button>\n \n </form>", | |
| "JSONCode": { | |
| "element": "form", | |
| "elements": [ | |
| { | |
| "type": "h2", | |
| "element": "paragraph", | |
| "elements": "Reports" | |
| }, | |
| { | |
| "type": "h3", | |
| "element": "paragraph", | |
| "elements": "Instantly deliver automated PDF or Excel reports to your email for informed decision-making." | |
| }, | |
| { | |
| "type": "h1", | |
| "element": "paragraph", | |
| "elements": " " | |
| }, | |
| { | |
| "type": "primary", | |
| "click": "make_request", | |
| "element": "button", | |
| "elements": "TAKE ME THERE" | |
| } | |
| ] | |
| } | |
| }, | |
| "actions": [ | |
| { | |
| "label": "make_request", | |
| "actions": { | |
| "onClick": { | |
| "args": "https://industrial.ubidots.com/app/data-analysis/", | |
| "action": "goUrl" | |
| } | |
| } | |
| } | |
| ] | |
| }, | |
| "uxSettings": { | |
| "image": null, | |
| "padding": { | |
| "top": "20", | |
| "left": "20", | |
| "right": "20", | |
| "bottom": "20" | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 10, | |
| "boxShadow": "0px 0px 20px 3px #EBEBEB", | |
| "background": "edfcfdff", | |
| "borderRadius": 8 | |
| }, | |
| "backgroundColor": "#ffffffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Text widget", | |
| "position": { | |
| "h": 2, | |
| "w": 24, | |
| "x": 0, | |
| "y": 24 | |
| }, | |
| "type": "text", | |
| "settings": { | |
| "messageText": "Cool, huh? Now let’s get machine data flowing to your account so you can create your own dashboards." | |
| }, | |
| "uxSettings": { | |
| "image": "", | |
| "height": null, | |
| "textStyles": { | |
| "color": { | |
| "a": 1, | |
| "b": 148, | |
| "g": 148, | |
| "r": 148 | |
| }, | |
| "fontSize": "25", | |
| "fontStyle": "", | |
| "textAlign": "center", | |
| "fontFamily": "Nunito", | |
| "lineHeight": 1 | |
| }, | |
| "__customStyle": { | |
| "color": "#919191", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 25, | |
| "boxShadow": "0 0 0 0 rgba(0,0,0,0%)", | |
| "fontWeight": "normal", | |
| "borderRadius": 10, | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "backgroundColor": "#ffffffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Text widget", | |
| "position": { | |
| "h": 3, | |
| "w": 24, | |
| "x": 0, | |
| "y": 64 | |
| }, | |
| "type": "text", | |
| "settings": { | |
| "messageText": "So now that you know a little bit more about us (and hopefully how to send your machine data), we invite you to unlock all the comprehensive IoT features beyond our dashboards and explore the full spectrum of capabilities. " | |
| }, | |
| "uxSettings": { | |
| "image": "", | |
| "height": null, | |
| "textStyles": { | |
| "color": { | |
| "a": 1, | |
| "b": 148, | |
| "g": 148, | |
| "r": 148 | |
| }, | |
| "fontSize": "25", | |
| "fontStyle": "", | |
| "textAlign": "center", | |
| "fontFamily": "Nunito", | |
| "lineHeight": 1 | |
| }, | |
| "__customStyle": { | |
| "color": "#919191", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 25, | |
| "boxShadow": "0 0 0 0 rgba(0,0,0,0%)", | |
| "fontWeight": "normal", | |
| "borderRadius": 10, | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "backgroundColor": "#ffffffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Image widget", | |
| "position": { | |
| "h": 12, | |
| "w": 18, | |
| "x": 6, | |
| "y": 26 | |
| }, | |
| "type": "image", | |
| "settings": { | |
| "value": "https://iot-data-service-us.s3.amazonaws.com/6480b512-9311-11ee-9d71-167899a85ee5.png" | |
| }, | |
| "uxSettings": { | |
| "align": "center", | |
| "width": "90", | |
| "height": null, | |
| "isUrlImage": false, | |
| "__customStyle": null, | |
| "backgroundColor": "#ffffffff", | |
| "scaleProportionally": true | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "image", | |
| "position": { | |
| "h": 13, | |
| "w": 24, | |
| "x": 0, | |
| "y": 40 | |
| }, | |
| "type": "image", | |
| "settings": { | |
| "value": "https://iot-data-service-us.s3.amazonaws.com/9399cf28-938e-11ee-b5ff-22343f94431a.png" | |
| }, | |
| "uxSettings": { | |
| "align": "center", | |
| "width": "100", | |
| "height": null, | |
| "isUrlImage": false, | |
| "__customStyle": null, | |
| "backgroundColor": "#ffffffff", | |
| "scaleProportionally": true | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Custom UI", | |
| "position": { | |
| "h": 8, | |
| "w": 6, | |
| "x": 0, | |
| "y": 69 | |
| }, | |
| "type": "custom_ui", | |
| "settings": { | |
| "editor": { | |
| "code": "<form>\n <paragraph type=\"h2\">Events</paragraph>\n\n <paragraph type=\"h3\">Turn data into action by setting up your alerts via SMS, email, Telegram, Slack, webhook messages, and more. </paragraph>\n\n<paragraph type=\"h1\"> </paragraph>\n\n <button click=\"make_request\" type=\"primary\">TAKE ME THERE</button>\n \n </form>", | |
| "JSONCode": { | |
| "element": "form", | |
| "elements": [ | |
| { | |
| "type": "h2", | |
| "element": "paragraph", | |
| "elements": "Events" | |
| }, | |
| { | |
| "type": "h3", | |
| "element": "paragraph", | |
| "elements": "Turn data into action by setting up your alerts via SMS, email, Telegram, Slack, webhook messages, and more. " | |
| }, | |
| { | |
| "type": "h1", | |
| "element": "paragraph", | |
| "elements": " " | |
| }, | |
| { | |
| "type": "primary", | |
| "click": "make_request", | |
| "element": "button", | |
| "elements": "TAKE ME THERE" | |
| } | |
| ] | |
| } | |
| }, | |
| "actions": [ | |
| { | |
| "label": "make_request", | |
| "actions": { | |
| "onClick": { | |
| "args": "https://industrial.ubidots.com/app/events/", | |
| "action": "goUrl" | |
| } | |
| } | |
| } | |
| ] | |
| }, | |
| "uxSettings": { | |
| "image": null, | |
| "padding": { | |
| "top": "20", | |
| "left": "20", | |
| "right": "20", | |
| "bottom": "20" | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 10, | |
| "boxShadow": "0px 0px 20px 3px #EBEBEB", | |
| "background": "edfcfdff", | |
| "borderRadius": 8 | |
| }, | |
| "backgroundColor": "#ffffffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Custom UI", | |
| "position": { | |
| "h": 8, | |
| "w": 6, | |
| "x": 18, | |
| "y": 56 | |
| }, | |
| "type": "custom_ui", | |
| "settings": { | |
| "editor": { | |
| "code": "<form>\n <paragraph type=\"h2\">Data Backups</paragraph>\n\n <paragraph type=\"h3\">Easily forward sensor data from Ubidots to AWS S3 and keep your own data backup using our Plugins. </paragraph>\n\n<paragraph type=\"h1\"> </paragraph>\n\n <button click=\"make_request\" type=\"primary\">LEARN MORE</button>\n \n </form>", | |
| "JSONCode": { | |
| "element": "form", | |
| "elements": [ | |
| { | |
| "type": "h2", | |
| "element": "paragraph", | |
| "elements": "Data Backups" | |
| }, | |
| { | |
| "type": "h3", | |
| "element": "paragraph", | |
| "elements": "Easily forward sensor data from Ubidots to AWS S3 and keep your own data backup using our Plugins. " | |
| }, | |
| { | |
| "type": "h1", | |
| "element": "paragraph", | |
| "elements": " " | |
| }, | |
| { | |
| "type": "primary", | |
| "click": "make_request", | |
| "element": "button", | |
| "elements": "LEARN MORE" | |
| } | |
| ] | |
| } | |
| }, | |
| "actions": [ | |
| { | |
| "label": "make_request", | |
| "actions": { | |
| "onClick": { | |
| "args": "https://help.ubidots.com/en/articles/5389848-plugins-backup-your-ubidots-data-with-aws-s3", | |
| "action": "goUrl" | |
| } | |
| } | |
| } | |
| ] | |
| }, | |
| "uxSettings": { | |
| "image": null, | |
| "padding": { | |
| "top": "20", | |
| "left": "20", | |
| "right": "20", | |
| "bottom": "20" | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#F8FDFF" | |
| }, | |
| "fontSize": 10, | |
| "boxShadow": "0px 0px 20px 3px #EBEBEB", | |
| "background": "F8FDFF", | |
| "borderRadius": 8 | |
| }, | |
| "backgroundColor": "#f8fdffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Text widget", | |
| "position": { | |
| "h": 2, | |
| "w": 24, | |
| "x": 0, | |
| "y": 22 | |
| }, | |
| "type": "text", | |
| "settings": { | |
| "messageText": "Send your first data points" | |
| }, | |
| "uxSettings": { | |
| "image": "", | |
| "height": null, | |
| "textStyles": { | |
| "color": { | |
| "a": 1, | |
| "b": 84, | |
| "g": 44, | |
| "r": 24 | |
| }, | |
| "fontSize": 35, | |
| "fontStyle": "bold", | |
| "textAlign": "center", | |
| "fontFamily": "Nunito", | |
| "lineHeight": 1 | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 35, | |
| "boxShadow": "0 0 0 0 rgba(0,0,0,0%)", | |
| "borderRadius": 10, | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "backgroundColor": "#ffffffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Power", | |
| "position": { | |
| "h": 7, | |
| "w": 6, | |
| "x": 18, | |
| "y": 6 | |
| }, | |
| "type": "metric", | |
| "settings": { | |
| "dataFetch": "inherit", | |
| "dataEntities": { | |
| "variables": [ | |
| { | |
| "span": "inherit", | |
| "color": "#ffd88fff", | |
| "label": "power", | |
| "variableColor": { | |
| "a": 1, | |
| "b": 96, | |
| "g": 177, | |
| "r": 106 | |
| }, | |
| "aggregationMethod": "last_value" | |
| } | |
| ] | |
| }, | |
| "decimalPoints": null | |
| }, | |
| "uxSettings": { | |
| "colors": [ | |
| { | |
| "color": "#C4C4C4", | |
| "range": 0 | |
| }, | |
| { | |
| "color": "#4BA651", | |
| "range": 1 | |
| } | |
| ], | |
| "useHtml": false, | |
| "customHtml": null, | |
| "fontFamily": "Nunito", | |
| "__customStyle": null, | |
| "colorBehavior": "widget", | |
| "imageSettings": { | |
| "isUrlValue": false | |
| }, | |
| "timestampFormat": null, | |
| "showLastUpdatedInfo": true | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Custom UI", | |
| "position": { | |
| "h": 12, | |
| "w": 6, | |
| "x": 0, | |
| "y": 26 | |
| }, | |
| "type": "custom_ui", | |
| "settings": { | |
| "editor": { | |
| "code": "<form>\n <paragraph type=\"h1\">How it works.</paragraph>\n\n <paragraph type=\"h3\">Every time a device sends sensor data to Ubidots, the a data point or “dot” is created. Dots are stored for two years in our system.</paragraph>\n\n<paragraph type=\"h3\"> </paragraph>\n\n <button click=\"make_request\" type=\"primary\">LEARN MORE</button>\n \n </form>", | |
| "JSONCode": { | |
| "element": "form", | |
| "elements": [ | |
| { | |
| "type": "h1", | |
| "element": "paragraph", | |
| "elements": "How it works." | |
| }, | |
| { | |
| "type": "h3", | |
| "element": "paragraph", | |
| "elements": "Every time a device sends sensor data to Ubidots, the a data point or “dot” is created. Dots are stored for two years in our system." | |
| }, | |
| { | |
| "type": "h3", | |
| "element": "paragraph", | |
| "elements": " " | |
| }, | |
| { | |
| "type": "primary", | |
| "click": "make_request", | |
| "element": "button", | |
| "elements": "LEARN MORE" | |
| } | |
| ] | |
| } | |
| }, | |
| "actions": [ | |
| { | |
| "label": "make_request", | |
| "actions": { | |
| "onClick": { | |
| "args": "https://docs.ubidots.com/reference/how-ubidots-works", | |
| "action": "goUrl" | |
| } | |
| } | |
| } | |
| ] | |
| }, | |
| "uxSettings": { | |
| "image": null, | |
| "padding": { | |
| "top": "20", | |
| "left": "20", | |
| "right": "20", | |
| "bottom": "20" | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 10, | |
| "boxShadow": "0px 0px 20px 3px #EBEBEB", | |
| "borderRadius": 8, | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "backgroundColor": { | |
| "a": 1, | |
| "b": 255, | |
| "g": 255, | |
| "r": 255 | |
| } | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Text widget", | |
| "position": { | |
| "h": 2, | |
| "w": 24, | |
| "x": 0, | |
| "y": 67 | |
| }, | |
| "type": "text", | |
| "settings": { | |
| "messageText": "What Next?" | |
| }, | |
| "uxSettings": { | |
| "image": "", | |
| "height": null, | |
| "textStyles": { | |
| "color": { | |
| "a": 1, | |
| "b": 84, | |
| "g": 44, | |
| "r": 24 | |
| }, | |
| "fontSize": 35, | |
| "fontStyle": "bold", | |
| "textAlign": "center", | |
| "fontFamily": "Nunito", | |
| "lineHeight": 1 | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 35, | |
| "boxShadow": "0 0 0 0 rgba(0,0,0,0%)", | |
| "borderRadius": 10, | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "backgroundColor": "#ffffffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Text widget", | |
| "position": { | |
| "h": 3, | |
| "w": 24, | |
| "x": 0, | |
| "y": 53 | |
| }, | |
| "type": "text", | |
| "settings": { | |
| "messageText": "Featured Integrations" | |
| }, | |
| "uxSettings": { | |
| "image": "", | |
| "height": null, | |
| "textStyles": { | |
| "color": { | |
| "a": 1, | |
| "b": 84, | |
| "g": 44, | |
| "r": 24 | |
| }, | |
| "fontSize": 35, | |
| "fontStyle": "bold", | |
| "textAlign": "center", | |
| "fontFamily": "Nunito", | |
| "lineHeight": 1 | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 35, | |
| "boxShadow": "0 0 0 0 rgba(0,0,0,0%)", | |
| "borderRadius": 10, | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "backgroundColor": "#ffffffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Custom UI", | |
| "position": { | |
| "h": 8, | |
| "w": 6, | |
| "x": 6, | |
| "y": 56 | |
| }, | |
| "type": "custom_ui", | |
| "settings": { | |
| "editor": { | |
| "code": "<form>\n <paragraph type=\"h2\">LoRaWAN</paragraph>\n\n <paragraph type=\"h3\">Integrate your LoRaWAN devices seamlessly by following our guides directly through your chosen LNS.</paragraph>\n\n<paragraph type=\"h1\"> </paragraph>\n\n <button click=\"make_request\" type=\"primary\">LEARN MORE</button>\n \n </form>", | |
| "JSONCode": { | |
| "element": "form", | |
| "elements": [ | |
| { | |
| "type": "h2", | |
| "element": "paragraph", | |
| "elements": "LoRaWAN" | |
| }, | |
| { | |
| "type": "h3", | |
| "element": "paragraph", | |
| "elements": "Integrate your LoRaWAN devices seamlessly by following our guides directly through your chosen LNS." | |
| }, | |
| { | |
| "type": "h1", | |
| "element": "paragraph", | |
| "elements": " " | |
| }, | |
| { | |
| "type": "primary", | |
| "click": "make_request", | |
| "element": "button", | |
| "elements": "LEARN MORE" | |
| } | |
| ] | |
| } | |
| }, | |
| "actions": [ | |
| { | |
| "label": "make_request", | |
| "actions": { | |
| "onClick": { | |
| "args": "https://dev.ubidots.com/devices/lorawan", | |
| "action": "goUrl" | |
| } | |
| } | |
| } | |
| ] | |
| }, | |
| "uxSettings": { | |
| "image": null, | |
| "padding": { | |
| "top": "20", | |
| "left": "20", | |
| "right": "20", | |
| "bottom": "20" | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#F8FDFF" | |
| }, | |
| "fontSize": 10, | |
| "boxShadow": "0px 0px 20px 3px #EBEBEB", | |
| "background": "F8FDFF", | |
| "borderRadius": 8 | |
| }, | |
| "backgroundColor": "#f8fdffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Runtime", | |
| "position": { | |
| "h": 9, | |
| "w": 13, | |
| "x": 11, | |
| "y": 13 | |
| }, | |
| "type": "series", | |
| "settings": { | |
| "dataFetch": "inherit", | |
| "dataEntities": { | |
| "variables": [ | |
| { | |
| "name": "-", | |
| "span": "inherit", | |
| "color": "#d9f88a", | |
| "label": "runtime", | |
| "yAxis": "0", | |
| "chartType": "stackedArea", | |
| "variableColor": "#FFAE58", | |
| "aggregationMethod": "last_value" | |
| } | |
| ] | |
| } | |
| }, | |
| "uxSettings": { | |
| "image": null, | |
| "xAxis": { | |
| "label": null, | |
| "displayDataZoom": true, | |
| "timestampFormat": "MMM DD YYYY[\n]HH:mm" | |
| }, | |
| "yAxis": [ | |
| { | |
| "label": "", | |
| "maxValue": null, | |
| "minValue": null, | |
| "position": "left", | |
| "yAxisSIPrefix": false, | |
| "horizontalLines": [ | |
| { | |
| "id": "qGx_MoL5rWvYsqFc5J2JL", | |
| "type": "dashed", | |
| "color": "#ffa30cff", | |
| "label": "", | |
| "value": 1 | |
| } | |
| ] | |
| } | |
| ], | |
| "top3Color": "#00bcd4", | |
| "hoverGroup": false, | |
| "showLegend": false, | |
| "top3Enabled": false, | |
| "__customStyle": null, | |
| "decimalPoints": null, | |
| "imageSettings": { | |
| "isUrlImage": false | |
| }, | |
| "yAxisInterval": null, | |
| "backgroundColor": { | |
| "a": 1, | |
| "b": 255, | |
| "g": 255, | |
| "r": 255 | |
| } | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Custom UI", | |
| "position": { | |
| "h": 8, | |
| "w": 6, | |
| "x": 18, | |
| "y": 69 | |
| }, | |
| "type": "custom_ui", | |
| "settings": { | |
| "editor": { | |
| "code": "<form>\n <paragraph type=\"h2\">White Label</paragraph>\n\n <paragraph type=\"h3\">Provide all these functionalities, and more, through your personalized, white-labeled portal.</paragraph>\n\n<paragraph type=\"h1\"> </paragraph>\n\n <button click=\"make_request\" type=\"primary\">TAKE ME THERE</button>\n \n </form>", | |
| "JSONCode": { | |
| "element": "form", | |
| "elements": [ | |
| { | |
| "type": "h2", | |
| "element": "paragraph", | |
| "elements": "White Label" | |
| }, | |
| { | |
| "type": "h3", | |
| "element": "paragraph", | |
| "elements": "Provide all these functionalities, and more, through your personalized, white-labeled portal." | |
| }, | |
| { | |
| "type": "h1", | |
| "element": "paragraph", | |
| "elements": " " | |
| }, | |
| { | |
| "type": "primary", | |
| "click": "make_request", | |
| "element": "button", | |
| "elements": "TAKE ME THERE" | |
| } | |
| ] | |
| } | |
| }, | |
| "actions": [ | |
| { | |
| "label": "make_request", | |
| "actions": { | |
| "onClick": { | |
| "args": "https://industrial.ubidots.com/app/apps/", | |
| "action": "goUrl" | |
| } | |
| } | |
| } | |
| ] | |
| }, | |
| "uxSettings": { | |
| "image": null, | |
| "padding": { | |
| "top": "20", | |
| "left": "20", | |
| "right": "20", | |
| "bottom": "20" | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 10, | |
| "boxShadow": "0px 0px 20px 3px #EBEBEB", | |
| "background": "edfcfdff", | |
| "borderRadius": 8 | |
| }, | |
| "backgroundColor": "#ffffffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "image widget", | |
| "position": { | |
| "h": 16, | |
| "w": 11, | |
| "x": 0, | |
| "y": 6 | |
| }, | |
| "type": "image", | |
| "settings": { | |
| "value": "https://iot-data-service-us.s3.amazonaws.com/9dc1c8a0-938b-11ee-b535-fe200c3aa70f.png" | |
| }, | |
| "uxSettings": { | |
| "align": "center", | |
| "width": "100", | |
| "height": null, | |
| "isUrlImage": false, | |
| "__customStyle": null, | |
| "backgroundColor": "#ffffffff", | |
| "scaleProportionally": true | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Vibration", | |
| "position": { | |
| "h": 7, | |
| "w": 7, | |
| "x": 11, | |
| "y": 6 | |
| }, | |
| "type": "gauge", | |
| "settings": { | |
| "dataFetch": "inherit", | |
| "dataEntities": { | |
| "variables": [ | |
| { | |
| "span": "inherit", | |
| "color": "#abe4c2ff", | |
| "label": "vibration", | |
| "variableColor": { | |
| "a": 1, | |
| "b": 32, | |
| "g": 210, | |
| "r": 96 | |
| }, | |
| "aggregationMethod": "last_value" | |
| } | |
| ] | |
| }, | |
| "decimalPoints": null | |
| }, | |
| "uxSettings": { | |
| "ticks": 3, | |
| "colors": [ | |
| { | |
| "color": "#aff5ff", | |
| "range": "0" | |
| }, | |
| { | |
| "color": "#aff5ff", | |
| "range": "33" | |
| }, | |
| { | |
| "color": "#74f2fe", | |
| "range": "66" | |
| }, | |
| { | |
| "color": "#30e1ef", | |
| "range": "88" | |
| }, | |
| { | |
| "color": "#1ed2e0", | |
| "range": "100" | |
| } | |
| ], | |
| "pointer": true, | |
| "maxValue": 16, | |
| "minValue": -16, | |
| "colorMode": "linear", | |
| "fontFamily": "Nunito", | |
| "colorsRanges": [ | |
| { | |
| "color": "#ffc3c0", | |
| "range": "0" | |
| }, | |
| { | |
| "color": "#f7f9ac", | |
| "range": "33" | |
| }, | |
| { | |
| "color": "#f7f9ac", | |
| "range": "50" | |
| }, | |
| { | |
| "color": "#abe4c2", | |
| "range": "60" | |
| }, | |
| { | |
| "color": "#abe4c2", | |
| "range": "100" | |
| } | |
| ], | |
| "initialColor": "#abe4c2ff", | |
| "__customStyle": null, | |
| "colorBehavior": "widget", | |
| "imageSettings": { | |
| "image": null, | |
| "isUrlValue": false | |
| }, | |
| "timestampFormat": null | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Custom UI", | |
| "position": { | |
| "h": 8, | |
| "w": 6, | |
| "x": 12, | |
| "y": 69 | |
| }, | |
| "type": "custom_ui", | |
| "settings": { | |
| "editor": { | |
| "code": "<form>\n <paragraph type=\"h2\">Cloud Functions</paragraph>\n\n <paragraph type=\"h3\">Transform incoming data, run on-demand models, or connect to third-party APIs for enhanced data utilization.</paragraph>\n\n<paragraph type=\"h1\"> </paragraph>\n\n <button click=\"make_request\" type=\"primary\">TAKE ME THERE</button>\n \n </form>", | |
| "JSONCode": { | |
| "element": "form", | |
| "elements": [ | |
| { | |
| "type": "h2", | |
| "element": "paragraph", | |
| "elements": "Cloud Functions" | |
| }, | |
| { | |
| "type": "h3", | |
| "element": "paragraph", | |
| "elements": "Transform incoming data, run on-demand models, or connect to third-party APIs for enhanced data utilization." | |
| }, | |
| { | |
| "type": "h1", | |
| "element": "paragraph", | |
| "elements": " " | |
| }, | |
| { | |
| "type": "primary", | |
| "click": "make_request", | |
| "element": "button", | |
| "elements": "TAKE ME THERE" | |
| } | |
| ] | |
| } | |
| }, | |
| "actions": [ | |
| { | |
| "label": "make_request", | |
| "actions": { | |
| "onClick": { | |
| "args": "https://industrial.ubidots.com/app/functions/", | |
| "action": "goUrl" | |
| } | |
| } | |
| } | |
| ] | |
| }, | |
| "uxSettings": { | |
| "image": null, | |
| "padding": { | |
| "top": "20", | |
| "left": "20", | |
| "right": "20", | |
| "bottom": "20" | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 10, | |
| "boxShadow": "0px 0px 20px 3px #EBEBEB", | |
| "background": "edfcfdff", | |
| "borderRadius": 8 | |
| }, | |
| "backgroundColor": "#ffffffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Text widget", | |
| "position": { | |
| "h": 2, | |
| "w": 24, | |
| "x": 0, | |
| "y": 0 | |
| }, | |
| "type": "text", | |
| "settings": { | |
| "messageText": "Get Started with IoT and Ubidots" | |
| }, | |
| "uxSettings": { | |
| "image": "", | |
| "height": null, | |
| "textStyles": { | |
| "color": { | |
| "a": 1, | |
| "b": 84, | |
| "g": 44, | |
| "r": 24 | |
| }, | |
| "fontSize": 35, | |
| "fontStyle": "bold", | |
| "textAlign": "center", | |
| "fontFamily": "Nunito", | |
| "lineHeight": 1 | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 35, | |
| "boxShadow": "0 0 0 0 rgba(0,0,0,0%)", | |
| "borderRadius": 10, | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "backgroundColor": "#ffffffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Custom UI", | |
| "position": { | |
| "h": 8, | |
| "w": 6, | |
| "x": 0, | |
| "y": 56 | |
| }, | |
| "type": "custom_ui", | |
| "settings": { | |
| "editor": { | |
| "code": "<form>\n <paragraph type=\"h2\">IIoT Gateways</paragraph>\n\n <paragraph type=\"h3\">Integrate your PLCs and gather data from the groundfloor to the cloud for condition monitoring, preventive maintenance, and OEE.</paragraph>\n\n<paragraph type=\"h1\"> </paragraph>\n\n <button click=\"make_request\" type=\"primary\">LEARN MORE</button>\n \n </form>", | |
| "JSONCode": { | |
| "element": "form", | |
| "elements": [ | |
| { | |
| "type": "h2", | |
| "element": "paragraph", | |
| "elements": "IIoT Gateways" | |
| }, | |
| { | |
| "type": "h3", | |
| "element": "paragraph", | |
| "elements": "Integrate your PLCs and gather data from the groundfloor to the cloud for condition monitoring, preventive maintenance, and OEE." | |
| }, | |
| { | |
| "type": "h1", | |
| "element": "paragraph", | |
| "elements": " " | |
| }, | |
| { | |
| "type": "primary", | |
| "click": "make_request", | |
| "element": "button", | |
| "elements": "LEARN MORE" | |
| } | |
| ] | |
| } | |
| }, | |
| "actions": [ | |
| { | |
| "label": "make_request", | |
| "actions": { | |
| "onClick": { | |
| "args": "https://dev.ubidots.com/devices/industrial-iot", | |
| "action": "goUrl" | |
| } | |
| } | |
| } | |
| ] | |
| }, | |
| "uxSettings": { | |
| "image": null, | |
| "padding": { | |
| "top": "20", | |
| "left": "20", | |
| "right": "20", | |
| "bottom": "20" | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#F8FDFF" | |
| }, | |
| "fontSize": 10, | |
| "boxShadow": "0px 0px 20px 3px #EBEBEB", | |
| "background": "F8FDFF", | |
| "borderRadius": 8 | |
| }, | |
| "backgroundColor": "#f8fdffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Custom UI", | |
| "position": { | |
| "h": 8, | |
| "w": 6, | |
| "x": 12, | |
| "y": 56 | |
| }, | |
| "type": "custom_ui", | |
| "settings": { | |
| "editor": { | |
| "code": "<form>\n <paragraph type=\"h2\">NCD Industrial Sensors</paragraph>\n\n <paragraph type=\"h3\">From vibration monitoring to currency or water flow tracking, easily gather your data and provide comprehensive IoT solutions. </paragraph>\n\n<paragraph type=\"h1\"> </paragraph>\n\n <button click=\"make_request\" type=\"primary\">LEARN MORE</button>\n \n </form>", | |
| "JSONCode": { | |
| "element": "form", | |
| "elements": [ | |
| { | |
| "type": "h2", | |
| "element": "paragraph", | |
| "elements": "NCD Industrial Sensors" | |
| }, | |
| { | |
| "type": "h3", | |
| "element": "paragraph", | |
| "elements": "From vibration monitoring to currency or water flow tracking, easily gather your data and provide comprehensive IoT solutions. " | |
| }, | |
| { | |
| "type": "h1", | |
| "element": "paragraph", | |
| "elements": " " | |
| }, | |
| { | |
| "type": "primary", | |
| "click": "make_request", | |
| "element": "button", | |
| "elements": "LEARN MORE" | |
| } | |
| ] | |
| } | |
| }, | |
| "actions": [ | |
| { | |
| "label": "make_request", | |
| "actions": { | |
| "onClick": { | |
| "args": "https://dev.ubidots.com/devices/industrial-iot/ncd.io", | |
| "action": "goUrl" | |
| } | |
| } | |
| } | |
| ] | |
| }, | |
| "uxSettings": { | |
| "image": null, | |
| "padding": { | |
| "top": "20", | |
| "left": "20", | |
| "right": "20", | |
| "bottom": "20" | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#F8FDFF" | |
| }, | |
| "fontSize": 10, | |
| "boxShadow": "0px 0px 20px 3px #EBEBEB", | |
| "background": "F8FDFF", | |
| "borderRadius": 8 | |
| }, | |
| "backgroundColor": "#f8fdffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Text widget", | |
| "position": { | |
| "h": 4, | |
| "w": 24, | |
| "x": 0, | |
| "y": 2 | |
| }, | |
| "type": "text", | |
| "settings": { | |
| "messageText": "Our goal is to make IoT simpler yet powerful. Connect any Internet-enabled machine to your Ubidots account, where you can create drag-n-drop dashboards (like this one!).\n\nLet’s start by simulating some machine data:" | |
| }, | |
| "uxSettings": { | |
| "image": "", | |
| "height": null, | |
| "textStyles": { | |
| "color": { | |
| "a": 1, | |
| "b": 148, | |
| "g": 148, | |
| "r": 148 | |
| }, | |
| "fontSize": "25", | |
| "fontStyle": "", | |
| "textAlign": "center", | |
| "fontFamily": "Nunito", | |
| "lineHeight": 1 | |
| }, | |
| "__customStyle": { | |
| "color": "#919191", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 25, | |
| "boxShadow": "0 0 0 0 rgba(0,0,0,0%)", | |
| "fontWeight": "normal", | |
| "borderRadius": 10, | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "backgroundColor": "#ffffffff" | |
| } | |
| }, | |
| { | |
| "__model__": "widget", | |
| "name": "Text widget", | |
| "position": { | |
| "h": 2, | |
| "w": 24, | |
| "x": 0, | |
| "y": 38 | |
| }, | |
| "type": "text", | |
| "settings": { | |
| "messageText": "Connect your devices" | |
| }, | |
| "uxSettings": { | |
| "image": "", | |
| "height": null, | |
| "textStyles": { | |
| "color": { | |
| "a": 1, | |
| "b": 84, | |
| "g": 44, | |
| "r": 24 | |
| }, | |
| "fontSize": 35, | |
| "fontStyle": "bold", | |
| "textAlign": "center", | |
| "fontFamily": "Nunito", | |
| "lineHeight": 1 | |
| }, | |
| "__customStyle": { | |
| "color": "#182C54", | |
| "header": { | |
| "color": "#182C54", | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "fontSize": 35, | |
| "boxShadow": "0 0 0 0 rgba(0,0,0,0%)", | |
| "borderRadius": 10, | |
| "backgroundColor": "#ffffff" | |
| }, | |
| "backgroundColor": "#ffffffff" | |
| } | |
| } | |
| ] |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment