📈

Chart

Interactive charts with multiple visualization types

93%
Code Reduction
450
Traditional Lines
30
Factory Lines
4
Frameworks

Code Example

const SalesChart = ui.createChart({
  type: 'line',
  data: {
    labels: months,
    datasets: [{
      label: 'Sales',
      data: salesData,
      borderColor: '#0969da',
      tension: 0.4
    }]
  },
  options: {
    responsive: true,
    maintainAspectRatio: false
  }
});

Usage

1. Install the package

npm install @vladimirdukelic/revolutionary-ui-factory

2. Import and setup

import { setup } from '@vladimirdukelic/revolutionary-ui-factory';
const ui = setup();

3. Create your component

Use the code example above to create your Chart component with 93% less code!

Features

  • ✓Line, bar, pie, area charts
  • ✓Real-time updates
  • ✓Interactive tooltips
  • ✓Export to PNG/SVG
  • ✓Responsive sizing

Supported Frameworks

React✓
Vue✓
Angular✓
Svelte✓