Prompt: Map The Flinch — Visualização de Desconforto com Chart.js
4.5
6 usos
ChatGPT
Mapeie o desconforto com uma ferramenta chamada Map The Flinch. Use como base o snippet HTML que utiliza Chart.js via CDN e crie um prompt útil para IA que seja capaz de entregar um projeto pronto.
Instruções:
- Analise o código HTML/JS existente e proponha melhorias de organização, desempenho e acessibilidade.
- Gere um front-end completo (HTML, CSS, JS) para Map The Flinch, com layout responsivo e gráfico interativo (scatter, bar ou radar) usando Chart.js.
- Defina uma estrutura de dados clara para entradas do usuário, com campos como contexto, sensação, intensidade (0-10), tempo e duração. Mostre um exemplo textual de esquema (sem depender de JSON específico) e inclua um dataset de demonstração com diversos contextos e intensidades.
- Forneça instruções de execução local: como incluir Chart.js via CDN, iniciar um servidor local simples e onde colocar os assets.
- Adicione recursos de UX para facilitar a captura de dados subjetivos (sliders, dropdowns, labels explicativos, tooltips) e garanta acessibilidade (contraste, foco visível, ARIA, descrições).
- Inclua opções de exportação de dados para CSV/JSON, função de limpar dados e resetar o gráfico.
- Forneça um README básico com estrutura do projeto, dependências, instruções de instalação e exemplos de uso.
- Opcional: inclua variações de gráfico (scatter, bar, radar) com código completo, mantendo compatibilidade com Chart.js via CDN.
- Entrega: o conteúdo deve ser pronto para ser colado em uma IA para gerar o repositório Map The Flinch, com seções Objetivo, Entrada, Saída, Snippets e Testes.
Observações: considere melhorias de desempenho, organização de código, segurança e usabilidade. O prompt final deve gerar um projeto funcional e pronto para uso.
Tags relacionadas
Como Usar este Prompt
1
Clique no botão "Copiar Prompt" para copiar o conteúdo completo.
2
Abra sua ferramenta de IA de preferência (ChatGPT e etc.).
3
Cole o prompt e substitua as variáveis (se houver) com suas informações.