// stryxstryx-charts

Charts.

Gauge, Treemap, Sankey, Funnel, Bar Race, Waterfall, Pie/Donut, Radar, Timeline, Heatmap, Wordcloud -- with glassmorphism theming for Electron + React.

Install this skill ↓ ← Back to all skills

//01What it does

amCharts 5 Premium Integration.

amCharts 5 is the most powerful free charting library on the web. This skill is the React wrapper pattern (useLayoutEffect + refs), the Orion-style glassmorphism theming layer, dark/light mode CSS variable bridging, and per-chart-type recipe library. When a generic Chart.js bar chart is not enough.

//02What is inside

Four recipes.

i.

React wrapper pattern

useLayoutEffect to mount the chart into a ref, dispose on cleanup. Handles re-renders without flashing. Memoization-friendly. Works with Concurrent React.

ii.

Glassmorphism theme bridge

CSS variables (--glass-bg, --hair, --accent) flow into amCharts theme objects. One palette change updates every chart on the page. Dark/light mode automatic.

iii.

11 premium chart recipes

Gauge for metrics. Treemap for proportions. Sankey for flow. Funnel for conversion. Bar Race for time-series rank. Waterfall for accumulating change. Each with copy-paste TypeScript.

iv.

Performance + dispose

Always dispose on unmount (memory leak otherwise). Cap data point count per chart type. Use sprite pooling for large datasets. Debounce resize handlers.

//03Chains with

It composes.

Skills compose into workflows. Charts is rarely the only skill you will use — it pairs naturally with these others in the library.

stryx-react→ stryx-design→ stryx-performance→

//04Install · just this skill

One command.

Installs only stryx-charts (skip the other 19) into ~/.claude/skills/stryx-charts/.

macOS · Linux

$ STRYX_SKILL=stryx-charts curl -fsSL https://stryxlabs.com/install-skills.sh | bash

Windows · PowerShell

PS> $env:STRYX_SKILL="stryx-charts"; irm https://stryxlabs.com/install-skills.ps1 | iex

All 20 skills (the full library)

$ curl -fsSL https://stryxlabs.com/install-skills.sh | bash

//05Reach

Free for all use.

Stryx Labs License v1.0. Use Charts in personal, commercial, internal, and production work. No attribution required.

← See all 20 skills Read the license Email us