Advice and answers from the Ubidots Team

Search results for:html canvas

HTML Canvas Widget: Examples

Learn how to code your own HTML Widget… 1. How does the HTML Canvas widget work?… Knowing that advanced users have customization needs, we created the HTML Canvas widget, supporting your

HTML Canvas Widget: Using React.js

Canvas 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… The Ubidots HTML Canvas Library serves as the link between the HTML Canvas Widget and the dashboard,… The HTML Canvas widget works with the same HTML/CSS/JS you would code when creating a simple website

Create an HTML Canvas Widget: Introductory Demo

Learn how to design a custom HTML widget in Ubidots… 2. Create a Custom HTML Canvas Widget… However, in some cases, you may need to code your customized widgets using the HTML Canvas widget, which

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

Adding real time using MQTT + Websockets

Building an HTML Canvas widget for real-time data visualization with MQTT and WebSockets… This guide will demonstrate how to create an HTML canvas widget that displays data from a variable in… /dist/mqtt.min.js https://fastly.jsdelivr.net/npm/echarts@5.5.1/dist/echarts.min.js Create the HTML

Application Branding: Custom styles for your dashboards and widgets

Step 1: Create a HTML canvas widget. Step 2: Open the HTML editor. … 3. Custom style: HTML canvas widget… canvas widget allows users to create their own widgets in order to fit visualization needs that are

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

Operate STREGA's schedulers on Ubidots

2. Dashboard Creation - HTML canvas Widget… Then select HTML canvas as widget type: 3. First, assign the desired name to the Widget… Copy and paste the following HTML script in the HTML section: <div class="notification--container

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… HTML Canvas widget