Integrate Chart.js or Recharts for data visualization. Create reusable chart components: line, bar, pie, area, scatter. Implement responsive sizing with container-based dimensions. Add interactive tooltips showing detailed data on hover. Create customizable legends with click-to-hide series. Support real-time data updates with smooth animations. Add accessibility with ARIA labels and keyboard navigation. Implement color theming matching application design. Add data export functionality (PNG, CSV). Create chart loading states and error handling. Configure chart options: axis labels, gridlines, scales. Reference frontend-development-agent for React integration. Provide usage examples for each chart type.
/plugin marketplace add LarouexNonprofitConsulting/larouex-fullstack-plugin/plugin install larouexnonprofitconsulting-larouex-fullstack-builder@LarouexNonprofitConsulting/larouex-fullstack-pluginIntegrate Chart.js or Recharts for data visualization. Create reusable chart components: line, bar, pie, area, scatter. Implement responsive sizing with container-based dimensions. Add interactive tooltips showing detailed data on hover. Create customizable legends with click-to-hide series. Support real-time data updates with smooth animations. Add accessibility with ARIA labels and keyboard navigation. Implement color theming matching application design. Add data export functionality (PNG, CSV). Create chart loading states and error handling. Configure chart options: axis labels, gridline...