Lab Analytics

Meta Demo

This dashboard uses A2UI intents to render its own analytics data. The very widgets you see are being tracked by the system they display.

Live updating

Last update: 10:32:34 PM

Total Visits

Page Views

Widget Renders

Demos Visited

A2UI Intent-Rendered DashboardUsing IntentRenderer with real localStorage data

stat:1.0.0

Total Visits

stat:1.0.0

Page Views

stat:1.0.0

Widget Renders

stat:1.0.0

Demos Visited

Loading chart...

Loading table...

Visits Over Time (Last 14 Days)

12-25

12-27

12-29

12-31

01-02

01-04

01-06

The Meta Demonstration

Self-Tracking

This dashboard tracks its own page views and widget renders. Every time you visit, the numbers update.

Intent-Rendered

The charts and tables above are rendered using the same IntentRenderer that powers the Retail Store demo.

localStorage

Analytics are stored in your browser. Visit other demos and return here to see the counts grow.

View Dashboard Intent JSON

{
  "type": "stack",
  "id": "analytics-dashboard",
  "direction": "vertical",
  "gap": 24,
  "children": [
    {
      "type": "grid",
      "id": "metrics-grid",
      "columns": 4,
      "minChildWidth": 150,
      "children": [
        {
          "type": "stat",
          "id": "total-visits",
          "widgetId": "stat:1.0.0",
          "label": "Total Visits",
          "value": "0"
        },
        {
          "type": "stat",
          "id": "total-page-views",
          "widgetId": "stat:1.0.0",
          "label": "Page Views",
          "value": "0"
        },
        {
          "type": "stat",
          "id": "total-widget-renders",
          "widgetId": "stat:1.0.0",
          "label": "Widget Renders",
          "value": "0"
        },
        {
          "type": "stat",
          "id": "unique-pages",
          "widgetId": "stat:1.0.0",
          "label": "Demos Visited",
          "value": "0"
        }
      ]
    },
    {
      "type": "grid",
      "id": "charts-grid",
      "columns": 2,
      "minChildWidth": 300,
      "children": [
        {
          "type": "bar",
          "id": "page-views-bar",
          "widgetId": "bar:1.0.0",
          "dataBinding": {
            "path": "/pageViews"
          },
          "categoryKey": "page",
          "valueKey": "views",
          "orientation": "horizontal"
        },
        {
          "type": "bar",
          "id": "widget-renders-bar",
          "widgetId": "bar:1.0.0",
          "dataBinding": {
            "path": "/widgetRenders"
          },
          "categoryKey": "widget",
          "valueKey": "renders",
          "orientation": "horizontal"
        }
      ]
    },
    {
      "type": "grid",
      "id": "tables-grid",
      "columns": 2,
      "minChildWidth": 300,
      "children": [
        {
          "type": "table",
          "id": "page-views-table",
          "widgetId": "table:1.0.0",
          "dataBinding": {
            "path": "/pageViews"
          },
          "columns": [
            {
              "key": "page",
              "label": "Page",
              "sortable": true
            },
            {
              "key": "views",
              "label": "Views",
              "sortable": true
            }
          ],
          "pageSize": 5
        },
        {
          "type": "table",
          "id": "widget-renders-table",
          "widgetId": "table:1.0.0",
          "dataBinding": {
            "path": "/widgetRenders"
          },
          "columns": [
            {
              "key": "widget",
              "label": "Widget",
              "sortable": true
            },
            {
              "key": "renders",
              "label": "Renders",
              "sortable": true
            }
          ],
          "pageSize": 5
        }
      ]
    }
  ]
}