Echarts Builder For Figma

About this plugin

Echarts Builder For Figma

A powerful Figma plugin with a comprehensive visual editor to create Apache ECharts and export them as SVGs directly to the canvas. Build professional charts with advanced customization options and intelligent color memory.

📈 Chart Types

1. Line Charts - Simple and smooth line visualizations with configurable smoothing
2. Bar Charts - Vertical bar charts with customizable border radius and corner styles
3. Horizontal Bar Charts - Horizontal orientation for better label readability
4. Pie Charts - Circular data representation with individual slice management
5. Doughnut Charts - Pie charts with adjustable inner/outer radius controls
6. Area Charts - Filled line charts with opacity controls
7. Scatter Charts - Point-based data visualization
8. Mixed Charts - Intelligently combines different chart types in one visualization

🎨 Advanced Visual Controls

1. Title Management - Show/hide, alignment (left/center/right), positioning (top/bottom)
2. Legend Controls - Position (top/bottom/left/right), alignment options, optimized spacing
3. X-Axis Customization - Custom labels, multiple time scales (minute/hour/daily/monthly/yearly), increment/decrement data points
4. Axis Controls - Show/hide X/Y axes, grid lines, smart positioning
5. Dark Mode - Built-in ECharts dark theme support with automatic color adjustment
6. Custom Dimensions - Manual width/height input (300-1200px × 200-900px) with responsive scaling
7. Individual Point Colors - Set unique colors for each data point within series (🎨 button)
8. Color Memory System - Automatically remembers and suggests your recently used colors

📊 Smart Data Management

1. Multi-Series Support - Add unlimited data series with intelligent type detection
2. Dynamic Chart Type Selection - Auto-switches to "Mixed" when combining different chart types
3. Individual Series Controls - Custom colors, types, visibility per series
4. Smart Color Assignment - New series automatically use your preferred colors (no more manual setup!)
5. Flexible X-Axis Control - Custom string labels with +/- buttons to adjust point count
6. Time Scale Support - Built-in minute/hour/daily/weekly/monthly/quarterly/yearly scales
7. Global Data Randomization - Single button randomizes all series data (🎲 Randomize All)
8. Real-time Editing - JSON data input with live preview and validation

🔧 Enhanced Interface Features

1. Streamlined Layout - Dark Mode toggle moved to Chart Type header for easy access
2. Minimize/Maximize - Collapse to header-only view with smooth transitions
3. Export to Figma - Direct SVG insertion into Figma canvas with proper legend positioning
4. Responsive Design - Adapts to plugin window size with optimized spacing
5. Professional UI - Clean, intuitive interface with contextual controls
6. Smart Chart Type Detection - UI automatically reflects current chart composition
7. Persistent Settings - Color preferences saved across plugin sessions