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… The Ubidots HTML Canvas Library serves as the link between the HTML Canvas Widget and the dashboard,… 2. Creating an HTML Canvas

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, which… Step 3: Click on HTML Canvas option. The settings menu opens up.

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… dom = document.getElementById('chart-container'); let myChart = echarts.init(dom, null, { renderer: 'canvas

Application Branding: Custom styles for your dashboards and widgets

3. Custom style: HTML canvas widget… transparent, mistyrose), url(<IMAGE_URL>)", "borderRadius": 20, "backgroundColor": "#ffffff" } The HTML canvas… Step 1: Create a HTML canvas widget. Step 2: Open the HTML editor.

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

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