Skip to main content

Graph Web

Overview​

Graph web is an important platform in smart home management. It is used for centralized display, monitoring, and interaction with various system statuses and business data. Aqara Studio allows users to create their own Graph web pages based on business needs. You can customize pages for device status monitoring, control panels, scenario triggers, automation operations, and data analysis. All kinds of system data and actions – including devices, scenes, and automation flows – can be integrated into one interactive and customizable page. This makes visual operation and management easier, and improves intelligent coordination and decision making.

Quick Start​

  1. Open the Graph web page from the left sidebar and click the "Create" button to enter the editor.
  2. (Optional) Click on the blank area of the canvas to open the Page Settings dialog. Here you can configure:
    • Canvas size
    • Background color
    • Select a background image (from uploaded images)
    • Preview settings, such as the display size and whether full-screen preview is supported
  3. Click Component Library on the left sidebar to view all components provided by Aqara Studio:
    1. Drag components onto the canvas to arrange them as you like.
    2. In the component settings window, switch to the Data tab and complete data binding. For details, see the Component Library documentation.
  4. (Optional) If you want to use your own assets for the Graph web, please refer to Material Library.
  5. After configuration, click the Preview button. Aqara Studio will open this Graph web for preview in a new tab via a link, so you can test device control effects.
  6. If everything is correct, click Save & Apply.
  7. Whenever you want to use this Graph web, just visit the link above.
tip

You can have up to 15 Graph web pages at the same time.

Share Graph Web​

You can share your Graph web through two ways: by link or by image.

  • Link sharing: Click the Share button above the canvas to get the link for your Graph web.
  • Image sharing: In the toolbar above the canvas, click the export icon to save your Graph web as an image file.

In this way, your Graph web can be shared or displayed easily in different ways.