Inside Alibaba’s Data Experience: Advanced SQL Editors, BI Platforms, and 3D Visualizations

SQL Editor

The team created a SQL editor that treats the editor as a developer’s most important partner in the data pipeline, focusing on three core capabilities: extensibility, maintainability, and high performance.

Understanding Syntax

Syntax understanding follows a dictionary‑like approach (production rules) for SQL, which is relatively simple and structural, while more complex languages like Python or Shell rely on model‑based training to provide context‑aware suggestions.

Understanding Context

Context understanding builds on syntax parsing by analyzing the abstract syntax tree and using a finite‑state machine to map key terminals across dialects, enabling scalable support for many SQL variants.

BI Platform

The BI platform powers data‑driven decision making, supporting Quick BI and Quick A+ products. It abstracts a rendering engine called bi‑designer , which provides three layout modes (flow, tile, free) and integrates with Alibaba’s low‑code engine ( AliLowCodeEngine ) for code generation and embedding.

Key features include a three‑in‑one layout system, a runtime event mechanism ( runtimeConfig) for linking components, and a chart library ( charts‑bi) that unifies data processing, default configurations, and edge‑case handling.

Data Visualization

Data visualization is presented as a visual bandwidth far exceeding other senses, with a pipeline that combines D3, G2, and custom graph grammars to deliver over 40 chart types in Quick BI, achieving high scores in Gartner’s Magic Quadrant.

Intelligent Visualization

Intelligent visualization adds automatic insight generation, design recommendations, and configuration suggestions, aiming to reduce the cost of manual data discovery and move toward an augmented‑analysis era.

Digital Art

Digital art extends BI by turning data stories into immersive experiences—large‑screen installations, interactive exhibits, and web‑based media—leveraging the team’s expertise in UED and high‑impact visual storytelling.

Heterogeneous Rendering

A unified data/algorithm source and common spatial and camera definitions enable cross‑platform rendering, merging Polaris real‑time visualization, UE4 detail rendering, G2 charts, and Gaode maps into a single interactive scene.

Web3D Rendering Engine

Built on three.js, the engine rewrites the rendering layer to achieve a full WebGL2 pipeline with deferred shading, enabling billions of vertices to be rendered in browsers and preparing for future WebGPU capabilities.

3D GIS

Polaris, a lightweight GIS built atop three.js, allows developers to compose layers that represent geographic data from global to building‑level detail, supporting seamless storytelling across scales.

Algorithm Service

An algorithm service processes massive raw geographic data—filtering, simplifying, extruding, and enriching it with procedural details—to generate 3D city models and terrain for both UE4 and web platforms.

Data Security

Data products incorporate end‑to‑end security, including data masking, differential privacy, and a final‑layer protection strategy that secures the UI against leakage.

Digital Watermark

Two watermark types—clear text and encrypted (point‑grid, invisible, emboss)—are deployed with anti‑tamper mechanisms such as network, DOM, and canvas integration, ensuring both deterrence and forensic traceability.

Data Monitoring

The Clue monitoring platform tracks JS errors, API failures, and data‑logic anomalies, providing environment fingerprinting to detect illegal plugins and dynamic alarm models that adapt thresholds based on industry and promotion contexts.