Can this skill help resolve legend layout bugs?

Yes, it provides specific troubleshooting for layout issues, such as why legend height might change unexpectedly when manual padding is applied.

How does it assist with legend interactions?

It provides implementation details for legend filtering interactions, event delegation, and synchronizing visual states across different chart views.

What visualization library does this skill support?

This skill specifically supports AntV G2, a concise and progressive visualization grammar for web-based data displays.

Does it cover both categorical and continuous scales?

Absolutely. It includes comprehensive knowledge for both LegendCategory (discrete) and LegendContinuous (linear, log, time, quantile) types.

Can I use this for custom legend styling?

Yes, the skill includes guidance on theme integration and using the 'render' option for custom HTML-based legend rendering.

G2 Legend Expert

Name: G2 Legend Expert
Author: antvis

byantvis

•

12,513

Design Tools

Master the implementation and customization of visualization legends within the AntV G2 grammar of graphics.

About

This skill provides deep technical expertise for developing and debugging legend components in the AntV G2 library. It covers the entire rendering lifecycle—from component inference and ribbon generation to complex layout calculations and interaction handling. Whether you are implementing custom HTML legends, optimizing categorical scales, or troubleshooting bounding box issues, this skill offers domain-specific patterns to ensure your data visualizations remain clear, interactive, and visually accurate.

Key Features

Implementation patterns for interactive legend filtering and state management
Detailed analysis of G2's legend inference and rendering flow
Expert guidance on LegendCategory and LegendContinuous component implementation
Advanced layout logic troubleshooting for auto vs. manual padding scenarios
Best practices for accessible and high-performance visualization legends
12,513 GitHub stars

Use Cases

Implementing custom HTML-based markers for categorical legends
Configuring complex continuous color ribbons for threshold and log scales
Debugging unexpected legend sizing changes when modifying chart padding

About

Key Features

Implementation patterns for interactive legend filtering and state management
Detailed analysis of G2's legend inference and rendering flow
Expert guidance on LegendCategory and LegendContinuous component implementation
Advanced layout logic troubleshooting for auto vs. manual padding scenarios
Best practices for accessible and high-performance visualization legends
12,513 GitHub stars

Use Cases

Implementing custom HTML-based markers for categorical legends
Configuring complex continuous color ribbons for threshold and log scales
Debugging unexpected legend sizing changes when modifying chart padding