# Examples

- [Basics](https://dev.ubidots.com/dashboards-and-widgets/html-canvas/examples/basics.md)
- [Create an LCD screen with the HTML Canvas](https://dev.ubidots.com/dashboards-and-widgets/html-canvas/examples/create-an-lcd-screen-with-the-html-canvas.md)
- [Interacting with dashboard data](https://dev.ubidots.com/dashboards-and-widgets/html-canvas/examples/interacting-with-dashboard-data.md)
- [Change the header's custom style](https://dev.ubidots.com/dashboards-and-widgets/html-canvas/examples/change-headers-custom-style.md): This example shows how to dynamically change a widget's header style when a user clicks a button in the HTML Canvas widget.
- [Adding real time using Socket.IO](https://dev.ubidots.com/dashboards-and-widgets/html-canvas/examples/adding-real-time-using-socket.io.md): Using the socket.IO library, create a simple real-time widget with Ubidots and the HTML Canvas.
- [Delete variable data from a device](https://dev.ubidots.com/dashboards-and-widgets/html-canvas/examples/delete-variable-data-from-a-device.md): Learn how to use an HTML Canvas widget to delete variable data from a device within a selected time window in Dynamic Dashboards.
- [Delete variable data from Device Groups or Types](https://dev.ubidots.com/dashboards-and-widgets/html-canvas/examples/delete-variable-data-from-groups-or-types-of-devices.md): Use this example to build an HTML Canvas widget that lets you select a variable label, choose a time window, and delete the matching data.
- [Navigation through dashboard](https://dev.ubidots.com/dashboards-and-widgets/html-canvas/examples/navigation-through-dashboard.md): This example uses the HTML Canvas "Preload dashboard data" feature to implement dashboard navigation.
- [Using a React library](https://dev.ubidots.com/dashboards-and-widgets/html-canvas/examples/using-a-react-library.md): This example shows how to import and use Material UI.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://dev.ubidots.com/dashboards-and-widgets/html-canvas/examples.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.