Chart_Visual — Multi-chart component for data visuals

Supported Chart Types

• Bar Chart

• Line Chart

• Pie Chart

• Doughnut Chart

• Radar Chart

• Polar Area Chart

Features

• Multi-Chart SupportSwitch between chart types using a single prop

• Dynamic Data InputAccepts structured datasets (labels + values)

• Responsive LayoutAdapts to any container using auto-layout

• Theme CompatibilityWorks in both light and dark UI systems

• Interactive ElementsSupports hover states and tooltips

• Smooth AnimationBuilt-in transitions for better visual feedback

Usage

• Analytics dashboards

• SaaS metrics tracking

• Admin panels

• Portfolio case studies

• Financial data visualization

Behavior

• Renders chart based on selected type

• Automatically maps dataset to chart format

• Maintains consistent spacing and scaling

• Adapts visuals based on container size

Constraints

• Requires valid dataset structure

• Some props are chart-specific (e.g., gridLines for bar/line only)

• Large datasets may impact performance if not optimized

Notes

• Designed for Framer auto-layout environments

• Keeps visual consistency across all chart types

• Optimized for quick setup and reuse