plotly
Faz seu agente criar gráficos interativos para explorar dados. É útil para ver detalhes ao passar o mouse, dar zoom e apresentar informações.
O que ela faz
Plotly é uma ferramenta que cria gráficos interativos e bonitos para você. Você pode explorar dados, criar apresentações e até mesmo dashboards com ele.
Quando usar
- ✓Quando você quer ver detalhes dos dados ao passar o mouse sobre um gráfico.
- ✓Ao criar um painel (dashboard) com vários gráficos.
- ✓Para apresentações onde os gráficos precisam ser interativos.
Exemplo do que pedir para a IA
“Crie um gráfico de barras interativo mostrando as vendas de cada produto.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
Plotly usa código para gerar gráficos. Você pode escolher entre duas formas de usá-lo: Plotly Express, que é mais simples e rápido para gráficos comuns, ou Graph Objects, que dá mais controle para gráficos complexos.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add sickn33/agentic-awesome-skills --skill plotlyOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/plotly/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Plotly
Biblioteca de gráficos Python para criar visualizações interativas de qualidade de publicação com mais de 40 tipos de gráficos.
Quando Usar
- Você precisa de gráficos interativos com "hover" (passar o mouse), zoom, pan (arrastar) ou incorporação na web.
- Você está construindo dashboards, notebooks de análise exploratória ou apresentações que se beneficiam de rica interação.
- Você quer escolher entre Plotly Express e Graph Objects para a mesma tarefa de visualização.
Início Rápido
Instale o Plotly:
uv pip install plotly
Uso básico com Plotly Express (API de alto nível):
import plotly.express as px
import pandas as pd
df = pd.DataFrame({
'x': [1, 2, 3, 4],
'y': [10, 11, 12, 13]
})
fig = px.scatter(df, x='x', y='y', title='My First Plot')
fig.show()
Escolhendo Entre APIs
Use Plotly Express (px)
Para visualizações rápidas e padrão com configurações sensatas:
- Trabalhando com DataFrames do pandas
- Criando tipos de gráficos comuns (dispersão, linha, barra, histograma, etc.)
- Necessidade de codificação automática de cores e legendas
- Quer código mínimo (1-5 linhas)
Veja reference/plotly-express.md para o guia completo.
Use Graph Objects (go)
Para controle detalhado e visualizações personalizadas:
- Tipos de gráficos não presentes no Plotly Express (malha 3D, isosuperfície, gráficos financeiros complexos)
- Construindo figuras complexas com múltiplos traços do zero
- Necessidade de controle preciso sobre componentes individuais
- Criando visualizações especializadas com formas e anotações personalizadas
Veja reference/graph-objects.md para o guia completo.
Nota: Plotly Express retorna um objeto Figure do graph objects, então você pode combinar abordagens:
fig = px.scatter(df, x='x', y='y')
fig.update_layout(title='Custom Title') # Use go methods on px figure
fig.add_hline(y=10) # Add shapes
Capacidades Principais
1. Tipos de Gráficos
Plotly suporta mais de 40 tipos de gráficos organizados em categorias:
Gráficos Básicos: dispersão, linha, barra, pizza, área, bolha
Gráficos Estatísticos: histograma, box plot, violino, distribuição, barras de erro
Gráficos Científicos: heatmap, contorno, ternário, exibição de imagem
Gráficos Financeiros: candlestick, OHLC, waterfall, funnel, séries temporais
Mapas: mapas de dispersão, coropléticos, mapas de densidade (visualização geográfica)
Gráficos 3D: scatter3d, superfície, malha, cone, volume
Especializados: sunburst, treemap, sankey, coordenadas paralelas, gauge
Para exemplos detalhados e uso de todos os tipos de gráficos, veja reference/chart-types.md.
2. Layouts e Estilização
Subplots: Crie figuras com múltiplos gráficos e eixos compartilhados:
from plotly.subplots import make_subplots
import plotly.graph_objects as go
fig = make_subplots(rows=2, cols=2, subplot_titles=('A', 'B', 'C', 'D'))
fig.add_trace(go.Scatter(x=[1, 2], y=[3, 4]), row=1, col=1)
Templates: Aplique estilização coordenada:
fig = px.scatter(df, x='x', y='y', template='plotly_dark')
# Built-in: plotly_white, plotly_dark, ggplot2, seaborn, simple_white
Personalização: Controle todos os aspectos da aparência:
- Cores (sequências discretas, escalas contínuas)
- Fontes e texto
- Eixos (intervalos, ticks, grades)
- Legendas
- Margens e dimensionamento
- Anotações e formas
Para opções completas de layout e estilização, veja reference/layouts-styling.md.
3. Interatividade
Recursos interativos integrados:
- Tooltips de "hover" com dados personalizáveis
- Pan e zoom
- Alternância de legendas
- Seleção por caixa/laço (lasso)
- Rangesliders para séries temporais
- Botões e dropdowns
- Animações
# Custom hover template
fig.update_traces(
hovertemplate='<b>%{x}</b><br>Value: %{y:.2f}<extra></extra>'
)
# Add rangeslider
fig.update_xaxes(rangeslider_visible=True)
# Animations
fig = px.scatter(df, x='x', y='y', animation_frame='year')
Para o guia completo de interatividade, veja reference/export-interactivity.md.
4. Opções de Exportação
HTML Interativo:
fig.write_html('chart.html') # Full standalone
fig.write_html('chart.html', include_plotlyjs='cdn') # Smaller file
Imagens Estáticas (requer kaleido):
uv pip install kaleido
fig.write_image('chart.png') # PNG
fig.write_image('chart.pdf') # PDF
fig.write_image('chart.svg') # SVG
Para opções completas de exportação, veja reference/export-interactivity.md.
Fluxos de Trabalho Comuns
Visualização de Dados Científicos
import plotly.express as px
# Gráfico de dispersão com linha de tendência
fig = px.scatter(df, x='temperature', y='yield', trendline='ols')
# Heatmap a partir de matriz
fig = px.imshow(correlation_matrix, text_auto=True, color_continuous_scale='RdBu')
…
Perguntas frequentes
Posso salvar os gráficos para usar em outros lugares?
Sim, você pode salvar os gráficos como arquivos HTML interativos ou como imagens estáticas (PNG, PDF, SVG).
Plotly é bom para gráficos científicos?
Sim, Plotly tem muitos tipos de gráficos para dados científicos, como mapas de calor e gráficos 3D.
Qual a diferença entre Plotly Express e Graph Objects?
Plotly Express é mais fácil e rápido para criar gráficos padrão. Graph Objects oferece mais personalização e controle para gráficos mais avançados ou incomuns.
Detalhes
Descrição original do autor
Interactive visualization library. Use when you need hover info, zoom, pan, or web-embeddable charts. Best for dashboards, exploratory analysis, and presentations. For static publication figures use matplotlib or scientific-visualization.
Popularidade
- Estrelas no GitHub
- 48 mil
- Posição no ranking
- #3844
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
00-andruia-consultant
Ajuda seu agente a iniciar ou melhorar projetos de IA. Ele analisa código, sugere ferramentas e cria planos de ação em espanhol.
sickn33/agentic-awesome-skills
007
Faz seu agente realizar auditorias de segurança e modelagem de ameaças. É útil para proteger projetos contra ataques e vulnerabilidades.
sickn33/agentic-awesome-skills
10-andruia-skill-smith
Ajuda seu agente a criar ou melhorar ferramentas de IA. Ele define como as ferramentas funcionam, escreve a documentação e valida a estrutura.
sickn33/agentic-awesome-skills
20-andruia-niche-intelligence
Faz seu agente criar um resumo sobre um setor específico. É útil para entender o contexto, regras, padrões de uso e riscos de um projeto, usando fontes confiáveis.
sickn33/agentic-awesome-skills
Skills parecidas
data-throughput-accelerator
Faz seu agente acelerar a movimentação de grandes volumes de dados. Ele encontra gargalos e garante que os dados sejam transferidos de forma rápida e correta.
affaan-m/ECC
inventory-demand-planning
Ajuda seu agente a prever a demanda de produtos em lojas. Ele otimiza o estoque e planeja quando fazer promoções para vender mais.
affaan-m/ECC
market-research
Ajuda seu agente a realizar pesquisas de mercado e análises competitivas. Fornece resumos com atribuição de fontes.
affaan-m/ECC