Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

Recharts

poransanabria·ansanabria· v1.0.0 · atualizado em 2026-04-10
79
Score

Build composable, responsive React charts with the Recharts library. Use this skill when creating data visualizations including line charts, area charts, bar charts, pie charts, scatter plots, and composed charts. It handles chart customization, responsive sizing, tooltips, legends, axes configuration, performance optimization, and accessibility.

reactdata-visualizationchartsrechartsfrontendui-componentsresponsive-design
Linguagens
JavaScriptHTMLCSS
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdrecharts/workflow
1. Install Recharts: `npm install recharts`.
2. Import necessary components from Recharts.
3. Prepare data in the required array of objects format.
4. Define the chart structure using components like `LineChart`, `BarChart`, etc.
5. Configure axes (`XAxis`, `YAxis`), grid (`CartesianGrid`), and other components.
6. Add data series components (`Line`, `Bar`, `Area`, `Pie`) and map data keys.
7. Implement responsiveness using `ResponsiveContainer` or the `responsive` prop.
8. Customize styling, tooltips, and legends as needed.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Depende deRecharts
100%
Hebbian Synapse
Composite1.000
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar aUX Writing
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar aGame UI/UX Designer
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar aResponsive Patterns
40%
Hebbian Synapse
Composite0.400
w = 0.3·α + 0.5·β + 0.2·γ
79

Árvore do Skill

Recharts
recharts
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.RECOMMEND
4.ACT
5.REFLECT
Triggers7
create a recharts chartbuild a line chart with rechartsgenerate a bar chart using rechartsdisplay data using rechartsmake a responsive chart with rechartscreate a pie chart with rechartsbuild a scatter plot with recharts

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download recharts
$ synaptic skills detail recharts
$ synaptic skills live recharts

Dependências

recharts

Links

GitHub Repository