Punchcard widget let you visualize trends data in a period of time.

Example

import RequestApi from '@devoinc/applications-data-library/requests/RequestApi';
import dateRange from '@devoinc/applications-builder/utils/dateRange';
import punchCardWidget from '@devoinc/applications-builder/widgets/punchCard';

let query = `from demo.ecommerce.data
group every 1h by statusCode
select count() as count
`;

let request = new RequestApi({
  query: query,
  dates: dateRange.fromNow(1, 'day'),
});

let widget;
widget = punchCardWidget('punch-card-example');
widget.setRequests([request]);
widget.setKeys(['statusCode']);
widget.setValue('count');

See API