open-index/open-npm huggingface dataset:
npm package: @gridsome/source-datocms
Description: DatoCMS source for Gridsome
Latest version: 0.3.0

# @gridsome/source-datocms

> DatoCMS source for Gridsome. This package is under development and
API might change before v1 is released.

## Install
- `yarn add @gridsome/source-datocms`
- `npm install @gridsome/source-datocms`

## Usage

```js
module.exports = {
  plugins: [
    {
      use: '@gridsome/source-datocms',
      options: {
        apiToken: 'YOUR_READONLY_API_TOKEN', // required
        previewMode: false,
        apiUrl: 'https://site-api.datocms.com',
        typeName: 'DatoCms'
      }
    }
  ]
}
```
npm package: @gridsome/source-faker
Description: Source with fake data for Gridsome
Latest version: 0.3.0

# @gridsome/source-faker

> [Faker.js](https://github.com/marak/Faker.js/) source for Gridsome

## Install
- `yarn add @gridsome/source-faker`
- `npm install @gridsome/source-faker`

## Usage

```js
export default {
  plugins: [
    {
      use: '@gridsome/source-faker',
      options: {
        numNodes: 100
      }
    }
  ]
}
```
npm package: @gridsome/source-strapi
Description: Strapi source for Gridsome
Latest version: 0.2.0

# @gridsome/source-strapi

> [Strapi](https://strapi.io/) source for Gridsome

## Install

- `yarn add @gridsome/source-strapi`
- `npm install @gridsome/source-strapi`

## Usage

```js
export default {
  plugins: [
    {
      use: '@gridsome/source-strapi',
      options: {
        apiURL: 'http://localhost:1337',
        queryLimit: 1000, // Defaults to 100
        contentTypes: ['article', 'user'],
        singleTypes: ['impressum'],
        // Possibility to login with a Strapi user,
        // when content types are not publicly available (optional).
        loginData: {
          identifier: '',
          password: ''
        }
      }
    }
  ]
}
```
npm package: @gridstorm/analytix-crossfilter
Description: Cross-widget filtering — click any chart element to instantly filter all other charts
Latest version: 0.1.1

# @gridstorm/analytix-crossfilter

Cross-widget filtering for [Analytics Studio](https://analytics.tekivex.com) — click any chart element to instantly filter all other widgets.

## Install

```bash
npm install @gridstorm/analytix-core @gridstorm/analytix-crossfilter
```

## Quick Start

```ts
import { CrossfilterEngine } from '@gridstorm/analytix-crossfilter';

const crossfilter = new CrossfilterEngine();

// Register datasets
crossfilter.add('sales', salesDataset);

// Apply a filter from a chart click
crossfilter.filter('sales', { field: 'region', value: 'North America' });

// Subscribe to filter changes (all widgets re-render)
crossfilter.subscribe((filters) => {
  console.log('Active filters:', filters);
});

// Clear filters
crossfilter.clear('sales');
```

## Features

- Click-to-filter on any chart, pivot, or KPI widget
- Multi-field filter composition (AND / OR)
- Animated transitions between filtered states
- Filter breadcrumbs for user visibility

## Links

- [Live Demo](https://analytics.tekivex.com)
- [GitHub](https://github.com/007krcs/analytics-builder)

## License

MIT © [Tekivex](https://tekivex.com)
npm package: @gridstorm/analytix-react
Description: React components for the drag-and-drop analytics builder
Latest version: 0.1.1

# @gridstorm/analytix-react

React components for [Analytics Studio](https://analytics.tekivex.com) — drag-and-drop BI builder with 26+ charts, pivot tables, KPI dashboards, SQL query editor, and report designer.

## Install

```bash
npm install @gridstorm/analytix-react @gridstorm/analytix-core
```

## Peer Dependencies

```bash
npm install react react-dom recharts @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities
```

## Quick Start

```tsx
import {
  AnalyticsBuilder,
  PivotWidget,
  ChartWidget,
  KpiCard,
  SqlEditor,
} from '@gridstorm/analytix-react';

function App() {
  return (
    <AnalyticsBuilder
      datasets={[{ id: 'sales', rows: salesData, columns: [...] }]}
    >
      <KpiCard metric="total-revenue" format="currency" />
      <PivotWidget rows={['region']} columns={['quarter']} values={['revenue']} />
      <ChartWidget type="bar" xField="region" yField="revenue" />
      <SqlEditor defaultQuery="SELECT region, SUM(revenue) FROM sales GROUP BY region" />
    </AnalyticsBuilder>
  );
}
```

## Components

| Component | Description |
|---|---|
| `AnalyticsBuilder` | Root drag-and-drop builder canvas |
| `PivotWidget` | Interactive pivot table |
| `ChartWidget` | 26+ chart types |
| `KpiCard` | KPI metric with threshold status |
| `SqlEditor` | In-browser SQL query editor |
| `ReportDesigner` | PDF/Excel report composer |
| `DataConnectorPanel` | CSV/API/WebSocket data import |

## Links

- [Live Demo](https://analytics.tekivex.com)
- [GitHub](https://github.com/007krcs/analytics-builder)

## License

MIT © [Tekivex](https://tekivex.com)
npm package: @gridstorm/analytix-report-builder
Description: Builder-pattern report composer with PDF and Excel export
Latest version: 0.1.1

# @gridstorm/analytix-report-builder

Builder-pattern report composer for [Analytics Studio](https://analytics.tekivex.com) — export to PDF and Excel on a schedule or on demand.

## Install

```bash
npm install @gridstorm/analytix-core @gridstorm/analytix-report-builder
```

## Quick Start

```ts
import { ReportBuilder } from '@gridstorm/analytix-report-builder';

const report = new ReportBuilder()
  .title('Q4 Sales Report')
  .addSection('Executive Summary', kpiWidget)
  .addSection('Regional Breakdown', pivotWidget)
  .addSection('Trend Analysis', chartWidget)
  .footer('Generated by Analytics Studio')
  .build();

// Export to PDF
const pdf = await report.exportPDF();

// Export to Excel
const xlsx = await report.exportExcel();

// Schedule weekly export
report.schedule({ cron: '0 9 * * MON', format: 'pdf', email: 'team@example.com' });
```

## Features

- Builder pattern — compose reports programmatically
- PDF export with custom headers, footers, and page breaks
- Excel export with multiple sheets and formatting
- Scheduled reports with cron expressions
- Include charts, pivot tables, KPIs, and data tables

## Links

- [Live Demo](https://analytics.tekivex.com)
- [GitHub](https://github.com/007krcs/analytics-builder)

## License

MIT © [Tekivex](https://tekivex.com)
npm package: @gridstorm/analytix-vue
Description: Vue 3 composables adapter for Analytics Builder
Latest version: 0.1.1

# @gridstorm/analytix-vue

Vue 3 composables for [Analytics Studio](https://analytics.tekivex.com) — reactive analytics state with Composition API.

## Install

```bash
npm install @gridstorm/analytix-core @gridstorm/analytix-vue
```

## Quick Start

```vue
<script setup>
import { useAnalytics, usePivot, useChart } from '@gridstorm/analytix-vue';

const { engine } = useAnalytics({ datasets: [...] });
const pivot = usePivot(engine, { rows: ['region'], values: ['revenue'] });
const chart = useChart(engine, { type: 'bar', xField: 'region', yField: 'revenue' });
</script>

<template>
  <div>
    <PivotTable :data="pivot.result" />
    <BarChart :data="chart.series" />
  </div>
</template>
```

## Composables

| Composable | Description |
|---|---|
| `useAnalytics` | Initialize the analytics engine |
| `usePivot` | Reactive pivot computation |
| `useChart` | Reactive chart data |
| `useKpi` | Reactive KPI metrics |
| `useSql` | Reactive SQL query results |

## Links

- [Live Demo](https://analytics.tekivex.com)
- [GitHub](https://github.com/007krcs/analytics-builder)

## License

MIT © [Tekivex](https://tekivex.com)