or run

npx @tessl/cli init
Log in

Version

Files

docs

chart-components.mdchart-plugins.mddata-transformation.mdform-data.mdindex.mdquery-building.md

evals

scenario-1

rubric.jsontask.md

scenario-10

rubric.jsontask.md

scenario-2

rubric.jsontask.md

scenario-3

rubric.jsontask.md

scenario-4

rubric.jsontask.md

scenario-5

rubric.jsontask.md

scenario-6

rubric.jsontask.md

scenario-7

rubric.jsontask.md

scenario-8

rubric.jsontask.md

scenario-9

rubric.jsontask.md
tile.json

task.mdevals/scenario-8/

Sales Analytics Dashboard

A dashboard application that configures and displays sales data using table visualizations with sorting, conditional formatting, and aggregation capabilities.

Capabilities

Standard Table Configuration

Configure table chart to display sales records with appropriate column settings.

  • Configure a table chart with columns for date, region, product, quantity, and revenue fields @test
  • Enable column sorting on multiple columns simultaneously @test
  • Apply number formatting to quantity and revenue columns @test

Pivot Table Setup

Set up pivot table visualizations with row/column grouping and aggregations.

  • Create a pivot table with region as rows, product as columns, and revenue sum as cell values @test
  • Configure multiple metrics with different aggregation functions (sum, average, count) in a single pivot table @test

Implementation

@generates

API

export interface TableColumnConfig {
  key: string;
  label: string;
  dataType: 'string' | 'number' | 'temporal';
  formatter?: string;
}

export interface TableSortConfig {
  column: string;
  descending: boolean;
}

export interface TableChartProps {
  datasource: string;
  columns: TableColumnConfig[];
  orderBy?: TableSortConfig[];
  pageLength?: number;
}

export interface PivotMetric {
  aggregate: 'sum' | 'avg' | 'count' | 'min' | 'max';
  column: string;
  label?: string;
}

export interface PivotTableProps {
  datasource: string;
  groupbyRows: string[];
  groupbyColumns: string[];
  metrics: PivotMetric[];
}

/**
 * Create configuration for a standard table chart
 * @param config - Table chart configuration
 * @returns Chart properties object ready for rendering
 */
export function createTableChart(config: TableChartProps): object;

/**
 * Create configuration for a pivot table chart
 * @param config - Pivot table configuration
 * @returns Chart properties object ready for rendering
 */
export function createPivotTable(config: PivotTableProps): object;

Dependencies { .dependencies }

apache-superset { .dependency }

Provides table and pivot table chart components for data visualization.

@satisfied-by