@nice2dev/ui-bi

Nice2Dev Business Intelligence — Report builder, dashboard studio, and ETL pipeline builder for React applications.

Features

• NiceReportBuilder - Drag-drop report designer

  • Data source connections
  • Calculated fields
  • Grouping and aggregation
  • Conditional formatting
  • Drill-down support
  • PDF/Excel/CSV export

• NiceDashboardStudio - Dashboard canvas

  • Widget library (charts, tables, KPIs, gauges, maps)
  • Real-time updates
  • Interactive filtering
  • Sharing and embedding

• NiceETLBuilder - Visual ETL pipeline builder

  • Data source connectors
  • Transformation library (filter, map, aggregate, join, etc.)
  • Scheduling
  • Run history and monitoring

Installation

npm install @nice2dev/ui-bi
# or
pnpm add @nice2dev/ui-bi

Usage

Report Builder

import { NiceReportBuilder } from '@nice2dev/ui-bi';
import '@nice2dev/ui-bi/style.css';

function App() {
  return (
    <NiceReportBuilder
      dataSources={[{ id: '1', name: 'Sales DB', type: 'database', config: {} }]}
      onPreview={(report) => console.log('Preview:', report)}
      onExport={(report, format) => exportReport(report, format)}
    />
  );
}

Dashboard Studio

import { NiceDashboardStudio } from '@nice2dev/ui-bi';
import '@nice2dev/ui-bi/style.css';

function App() {
  return (
    <NiceDashboardStudio
      dataSources={dataSources}
      onChange={(dashboard) => saveDashboard(dashboard)}
      onRefresh={() => refreshData()}
    />
  );
}

ETL Builder

import { NiceETLBuilder } from '@nice2dev/ui-bi';
import '@nice2dev/ui-bi/style.css';

function App() {
  return (
    <NiceETLBuilder
      dataSources={dataSources}
      onRun={async (pipeline) => {
        const run = await executePipeline(pipeline);
        return run;
      }}
      onSchedule={(pipeline, schedule) => schedulePipeline(pipeline, schedule)}
    />
  );
}

License

See LICENSE file.