ECharts Theme Token Extractor

A bridge from ECharts visualization themes to your design system:

1. Paste an ECharts theme JSON — the object you register and pass to echarts.init(dom, themeName). It can be the compact form (just a "color" array) or a full theme with series/axis/textStyle.
2. The extractor walks every leaf value and tags it: colors (#hex, rgb()/rgba(), named colors), numeric spacing/sizes, font-size strings (12px, 1.2rem) and plain strings. Booleans, formatters and z-levels are filtered out.
3. Optionally normalize colors: convert named colors and rgb()/rgba() to hex so every color token is uniform.
4. Pick the output format and a token prefix:

• CSS variables → a :root { --prefix-…: …; } block you can drop into a stylesheet.
• Tailwind → a theme.extend { colors, spacing, fontSize } object for tailwind.config.js.
• Style Dictionary → a nested tokens.json (each token carries value + type) for the Style Dictionary pipeline.
• SCSS → $prefix_…: …; variables.

1. The token table shows each extracted token with its kind, a color swatch where applicable, and the source path in the theme object, so you can audit the extraction before trusting it.

Offline and deterministic: pure JSON walk, no external dependency.