DEV Community

le5le
le5le

Posted on

A Reliable No-Code Tool from China

1.Product Introduction

Le5le is a domestic zero-code web visualization tool with an open-source core engine. It supports 2D/2.5D/3D configuration development, targeting scenarios such as electric power & energy, industrial internet, and smart cities. It enables rapid construction of interactive data dashboards and digital twin applications.

2.Technical Architecture

  • Adopt the mainstream Vue framework for the frontend.
  • Follow TypeScript for coding specifications.
  • Use meta2d.js as the rendering engine.
  • Take Canvas as the underlying rendering technology.
  • Design backend APIs in compliance with RESTful API specifications and standards.

3.Core Functions

(1)Zero-code Drag-and-Drop Editing
Drag components, charts, and controls on the canvas for what-you-see-is-what-you-get design. Complete page layout and styling without programming.


(2)2D/2.5D/3D Integrated Visualization

  • 2D/2.5D: Industrial flow charts, topology diagrams, configuration monitoring with animation and interactive events.
  • 3D: Build digital twin scenarios with model dragging, material editing, and viewpoint control; embed into dashboards with two-way communication.


(3)Real-time Multi-source Data Connection
Support MQTT, Websocket, HTTP, SSE, SQL and other protocols. Compatible with Excel import, API interfaces, and IoT platform data for real-time monitoring and hierarchical alarms.


(4)Rich Components & Template Library
Built-in hundreds of charts (ECharts), industrial elements, maps, videos, reports and other components. Provide industry templates for electric power, water affairs, factories, parks, etc., for one-click application.


(5)AI-assisted Design (New in 2025)
Automatically generate dashboard layouts, charts and data bindings by inputting requirements. Support theme switching, intelligent element beautification, and one-click ECharts chart generation.


(6)Multi-terminal Adaptation & Deployment
Compatible with Chrome, Firefox, Edge and other browsers; support mobile adaptive layout. Export HTML/Vue/React packages, support cloud/local offline deployment, and easy integration with third-party systems.

4.Industry Case Studies

(1)Smart Energy Storage Park (3D + Dashboard)

  • Panoramic monitoring of park equipment, energy storage battery packs, and photovoltaic array operation status.
  • Multi-dimensional data penetration from macro situation to single-device real-time monitoring with intelligent abnormal early warning.

(2)Photovoltaic System (2.5D + Dashboard)

  • Real-time monitoring of photovoltaic arrays, inverters, and energy storage equipment data.
  • 2.5D scenario display of power station layout and power generation process, combined with data dashboards to present power generation, efficiency, and fault alarms.


(3)Smart Factory (2D Configuration + Dashboard)

  • 2D visualization of production lines with real-time monitoring of equipment status, capacity, and energy consumption.
  • Support device click interaction, parameter query, and abnormal alarms for production scheduling and operation & maintenance.


(4)City Operation Center (Comprehensive Dashboard)

  • Integrate urban operation data including transportation, security, energy, and environment.
  • Multi-page switching, map visualization + data chart linkage for unified urban situation management. (5)Smart Automotive 3D Visualization
  • 3D model display of body structure, interior, chassis and engine.
  • Interactive control of doors, windows, lights; support 360Β° rotation and structure disassembly for product display and training.

5.Core Advantages

  • Low Threshold: Zero-code + AI assistance, easy for business personnel to master quickly.
  • Full Scenarios: Full coverage of 2D/2.5D/3D to meet monitoring, command and exhibition needs.
  • Localization: Self-developed engine, open-source and controllable, adapted to domestic substitution.
  • High Flexibility: Rich components, diverse templates, flexible deployment, easy expansion and integration.

Start Your Free Trial Now: https://le5le.com/

πŸ’¬ Let's Talk!

Which digital twin visualization tools are your favorites? Have you ever integrated MQTT data with Vue-based dashboards? Feel free to share your thoughts in the comments!

Top comments (0)