Loading...
Loading...
Found 4 Skills
Data visualization design based on Stanford CS448B. Use when: (1) Choosing appropriate chart types for data (2) Selecting visual encodings (position, color, size) (3) Critiquing or improving visualizations (4) Building D3.js visualizations (5) Designing interactions and animations (6) Choosing color palettes for accessibility (7) Visualizing networks or text data Covers Bertin, Mackinlay, Cleveland & McGill principles.
AI-native open knowledge base about Taiwan built with Astro v5, featuring bilingual content (zh-TW/en), D3.js knowledge graph, and structured Markdown SSOT architecture.
Use when the user needs HTML Canvas, SVG graphics, data visualization, generative art, or interactive visual elements with D3.js or similar libraries. Triggers: user says "canvas", "SVG", "chart", "data visualization", "D3", "generative art", "animation", "interactive graphics", drawing on screen.
This skill should be used when the user asks to "animate this diagram", "build a flowchart that reveals step by step", "animate an architecture/sequence diagram", "make a chart animate in", "grow the bars / draw the line / count up the number", "show data flowing along a connector", or "turn a static diagram into a guided reveal". Covers SVG, Framer Motion, D3, and Remotion.