Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of bubble

Public visualization

Viewing a saved revision (read-only)

509d02f22d904381b47da86baf7b28c0

Fork of bubble

0 stars1🌍 Public
YYUTONG FENG
Last edited Jun 17, 2021
Created on Jun 11, 2021
Forked from bubble

Two liquid-filled bubble gauges are rendered side by side using ECharts and its liquidFill extension. Each gauge displays two overlaid liquid levels—the left bubble shows proportions of 0.6 and 0.3, while the right shows 0.8 and 0.2—using the `echarts.init` method and a series configuration with `"type": "liquidFill"`. The gauges are positioned absolutely within separate divs, with a CSS transform applied to one container. The page also loads D3 v5, though the visualization itself relies entirely on ECharts' built-in rendering rather than D3 manipulation.

AI-generated description

Demonstrates fundamental DOM manipulation.