Echarts Builder For Figma

About this plugin

Echarts Builder For FigmaA 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 TypesLine Charts - Simple and smooth line visualizations with configurable smoothingBar Charts - Vertical bar charts with customizable border radius and corner stylesHorizontal Bar Charts - Horizontal orientation for better label readabilityPie Charts - Circular data representation with individual slice managementDoughnut Charts - Pie charts with adjustable inner/outer radius controlsArea Charts - Filled line charts with opacity controlsScatter Charts - Point-based data visualizationMixed Charts - Intelligently combines different chart types in one visualization🎨 Advanced Visual ControlsTitle Management - Show/hide, alignment (left/center/right), positioning (top/bottom)Legend Controls - Position (top/bottom/left/right), alignment options, optimized spacingX-Axis Customization - Custom labels, multiple time scales (minute/hour/daily/monthly/yearly), increment/decrement data pointsAxis Controls - Show/hide X/Y axes, grid lines, smart positioningDark Mode - Built-in ECharts dark theme support with automatic color adjustmentCustom Dimensions - Manual width/height input (300-1200px × 200-900px) with responsive scalingIndividual Point Colors - Set unique colors for each data point within series (🎨 button)Color Memory System - Automatically remembers and suggests your recently used colors📊 Smart Data ManagementMulti-Series Support - Add unlimited data series with intelligent type detectionDynamic Chart Type Selection - Auto-switches to "Mixed" when combining different chart typesIndividual Series Controls - Custom colors, types, visibility per seriesSmart Color Assignment - New series automatically use your preferred colors (no more manual setup!)Flexible X-Axis Control - Custom string labels with +/- buttons to adjust point countTime Scale Support - Built-in minute/hour/daily/weekly/monthly/quarterly/yearly scalesGlobal Data Randomization - Single button randomizes all series data (🎲 Randomize All)Real-time Editing - JSON data input with live preview and validation🔧 Enhanced Interface FeaturesStreamlined Layout - Dark Mode toggle moved to Chart Type header for easy accessMinimize/Maximize - Collapse to header-only view with smooth transitionsExport to Figma - Direct SVG insertion into Figma canvas with proper legend positioningResponsive Design - Adapts to plugin window size with optimized spacingProfessional UI - Clean, intuitive interface with contextual controlsSmart Chart Type Detection - UI automatically reflects current chart compositionPersistent Settings - Color preferences saved across plugin sessions