setup-chart
OfficialShip polished charts fast with LayerChart.
Authorarchetypeai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a ready-made approach to scaffold and configure data visualizations in frontend applications using LayerChart and the Chart primitives, saving time and ensuring consistent chart implementation.
Core Features & Use Cases
- Chart scaffolding: Quickly initialize line, scatter, and area charts with correct data mappings and axis configuration.
- Component-driven patterns: Leverage Chart.Container and primitive components to ensure consistent styling and behavior across dashboards.
- Use Case: Build a real-time sensor dashboard by wiring sensor data into a LayerChart container and applying the provided chart primitives to render lines and tooltips.
Quick Start
Create a basic chart by wiring your data into a LayerChart Chart container and apply the chart primitive styles.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: setup-chart Download link: https://github.com/archetypeai/newton-earthquake-demo/archive/main.zip#setup-chart Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.