# Examples

- [Basics](/dashboards-and-widgets/html-canvas/examples/basics.md)
- [Create an LCD screen with the HTML Canvas](/dashboards-and-widgets/html-canvas/examples/create-an-lcd-screen-with-the-html-canvas.md)
- [Interacting with dashboard data](/dashboards-and-widgets/html-canvas/examples/interacting-with-dashboard-data.md)
- [Change header's custom style](/dashboards-and-widgets/html-canvas/examples/change-headers-custom-style.md): The following example shows how to dynamically change a widget's header style upon clicking a button by using the HTML Canvas widget.
- [Adding real time using Socket.IO](/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](/dashboards-and-widgets/html-canvas/examples/delete-variable-data-from-a-device.md): The following shows how to implement HTML Canvas Widget to delete variable data in a time window in Dynamic Dashboards
- [Delete Variable data from Groups or Types of Devices](/dashboards-and-widgets/html-canvas/examples/delete-variable-data-from-groups-or-types-of-devices.md): The following example shows HTML Canvas Widget implemented such that you can either, select or type a variable label, select a time window and then delete said data
- [Navigation through Dashboard](/dashboards-and-widgets/html-canvas/examples/navigation-through-dashboard.md): This example uses HTML Canvas newest feature "Preload dashboard data" to easily implement navigation through dashboards.
- [Using a React library](/dashboards-and-widgets/html-canvas/examples/using-a-react-library.md): This example showcases how to import and use MaterialUI.