Back to Plugins

Echarts Builder For Figma
Visual editor to create Apache ECharts and export them as SVGs directly to Figma canvas.
Plugin Preview
About this plugin
Charts Builder - Powered by E-Charts API ✨ Features
📈 Chart Types
- Line Charts - Simple and smooth line visualizations
- Bar Charts - Vertical bar charts with multiple series support
- Horizontal Bar Charts - Horizontal orientation for better label readability
- Pie Charts - Circular data representation
- Doughnut Charts - Pie charts with center hole
- Area Charts - Filled line charts
- Scatter Charts - Point-based data visualization
- Mixed Charts - Combine different chart types in one visualization
🎨 Visual Controls
- Title Management - Show/hide, alignment (left/center/right), positioning (top/bottom)
- Legend Controls - Position (top/bottom/left/right), alignment options
- Axis Controls - Show/hide X/Y axes, grid lines
- Dark Mode - Built-in ECharts dark theme support
- Custom Dimensions - Manual width/height input (300-1200px × 200-900px)
📊 Data Management
- Multi-Series Support - Add unlimited data series
- Individual Series Controls - Custom colors, types, visibility per series
- Data Randomization - Generate random test data (global or per-series)
- Real-time Editing - JSON data input with live preview
🔧 Interface Features
- Minimize/Maximize - Collapse to header-only view
- Export to Figma - Direct SVG insertion into Figma canvas
- Responsive Design - Adapts to plugin window size
- Black & White UI - Clean, professional interface (except color pickers)
Plugin Details
Version | 2 |
---|---|
Created | June 22, 2025 |
Last Updated | July 11, 2025 |
Category | Import & export plugins |
Creator | Sudheer Salavadi |
Stats | 10 installs, 1 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:index.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdn.jsdelivr.net
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML