Advice and answers from the Ubidots Team

Search results for:canvas

HTML Canvas Widget: Examples

1. How does the HTML Canvas widget work?… Knowing that advanced users have customization needs, we created the HTML Canvas widget, supporting your… Following the below steps you will be able to create an HTML Canvas widget with your own code

HTML Canvas Widget: Using React.js

widget: Create an HTML Canvas Widget: Introductory Demo HTML Canvas Widget: Interacting… with account data HTML Canvas Widget: Examples And our HTML Canvas documentation… 2. Using React in an HTML Canvas

HTML Canvas Widget: Interacting with account data

Learn how to use the HTML Canvas widget to retrieve your account's data… 2. Creating and HTML Canvas… The HTML canvas is a powerful widget that allows Ubidots developers to create specialized visualizations

Create an HTML Canvas Widget: Introductory Demo

2. Create a Custom HTML Canvas Widget… However, in some cases, you may need to code your customized widgets using the HTML Canvas Widget, that's… Step 3: Click on HTML canvas. The drawer menu displays setup options. ​

HTML Canvas Widget: Adding real time using Socket.IO

Using the socket.IO library, create a simple real-time widget with Ubidots and the HTML Canvas… The image above displays how powerful Ubidots' HTML Canvas Widget is… With the HTML canvas, users can create presentation user layers (UX) like customized maps or animated

Vulcan: Use Ubidots' Design System

2. Example of Vulcan used in an HTML Canvas… Currently, Vulcan can be used in the HTML Canvas by enabling the use of React in the widget’s configuration… In this example, we’ve used Vulcan to develop an HTML Canvas widget that allows us to send values and

Application Branding: Custom styles for your dashboards and widgets

3. Custom style: HTML canvas widget… Custom style from Dashboards Custom style from widgets Custom style: HTML canvas widget… transparent, mistyrose), url(<IMAGE_URL>)", "borderRadius": 20, "backgroundColor": "#ffffff" } The HTML canvas

Operate STREGA's schedulers on Ubidots

2. Dashboard Creation - HTML canvas Widget… time-controlled Ubidots account Setup "Scheduler" variable Dashboard Creation - HTML canvas… Then select HTML canvas as widget type: 3. First, assign the desired name to the Widget

Create cloud-based SCADA visualizations in Ubidots

To add an image to your canvas, just click on the image icon located in the General section and upload… Step 2: Select the type of view: Canvas/SVG Multiple views container Step 3: Click on… property to modify the size and background color of the canvas

Live video stream monitoring using ESP32-CAM and Ubidots

5. Create an HTML Canvas Widget in Ubidots… Create an HTML Canvas widget inside the dashboard… server will return an iframe, please copy the iframe and paste it into the HTML section of the HTML Canvas