Chart
Gráfico
Un Chart convierte los datos en una imagen. Puede mostrar comparaciones, tendencias, rangos o conexiones.
Un ejemplo real
Un gráfico de líneas semanal muestra un atraso creciente. Una tabla da los valores exactos para los lectores de pantalla y las auditorías.
Partes principales
- 01Marcas de datos
- 02Escalas y ejes
- 03Etiquetas y leyenda
Úsalo cuando
Plantee primero la pregunta. Luego elija un gráfico que haga clara la comparación necesaria.
No lo uses cuando
Evita adornos en 3D, ejes que confunden, diferencias solo de color y gráficas que esconden números simples.
Nombre usado en código
scale + mark + axis + legend + data table Antes de lanzarlo
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Gráfico (Chart). User context: Un gráfico de líneas semanal muestra un atraso creciente. Una tabla da los valores exactos para los lectores de pantalla y las auditorías. Recommended pattern: Gráfico (Chart). Why it fits: Plantee primero la pregunta. Luego elija un gráfico que haga clara la comparación necesaria. Do not use it when: Evita adornos en 3D, ejes que confunden, diferencias solo de color y gráficas que esconden números simples. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Ningún estándar oficial único controla todo el término. Su significado puede cambiar según equipos, plataformas o marcos. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Revisa esta petición
Review how Gráfico (Chart) is used now. Definition: Un Chart convierte los datos en una imagen. Puede mostrar comparaciones, tendencias, rangos o conexiones. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.