Advice and answers from the Ubidots Team

Search results for:html canvas widget

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

Learn how to use React, the popular JavaScript library, for the development of your widgets… 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

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… Canvas widget is divided into three main coding slots: HTML, CSS, and JS

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… mqtt/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

Learn how to customize your dashboards and widgets beyond the available options at the App's branding level… Step 1: Create a HTML canvas widget. Step 2: Open the HTML editor. … 3. Custom style: HTML canvas widget

Operate STREGA's schedulers on Ubidots

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

Plugins: IP Camera Stream

Just use your camera alias in the following HTML iframe in your HTML Canvas widget: <iframe src… Canvas widget and an HTML iframe… 1. Why converting IP camera streams to HTML?

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