tessl/npm-superset-ui--plugin-chart-echarts

Comprehensive ECharts plugin suite for Apache Superset providing 15+ chart types including timeseries, pie, bar, scatter, radar, and more with advanced analytics features.

1.05x

Quality

Pending

Does it follow best practices?

Impact

57%

1.05x

Average score across 10 eval scenarios

Overview

Eval results

Files

Sales Analytics Dashboard

Name: tessl/npm-superset-ui--plugin-chart-echarts
Rating: 0.58 (1 reviews)
Author: tessl

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

Install with Tessl CLI

npx tessl i tessl/npm-superset-ui--plugin-chart-echarts