HTML / CSS / JavaScript

Dibujo y visualización de datos

Canvas, SVG, gráficos, instrumentación y diagramas de relaciones.

49casos de categoría
Actualmente se muestran 49 casos
0034Dibujo y visualización de datos

Gráfico de barras interactivo de la calidad del aire

Completa un gráfico de barras interactivo en el escenario de calidad del aire: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de barras interactivoHTMLCanvasJavaScript
Abrir y ejecutar
0050Dibujo y visualización de datos

Gráfico de líneas de tendencia de la calidad del aire

Completa el gráfico de líneas de tendencia en el escenario de la calidad del aire: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de líneas de tendenciaHTMLCanvasJavaScript
Abrir y ejecutar
0066Dibujo y visualización de datos

Gráfico de anillo de proporción de calidad del aire

Completa un gráfico de dona de proporción en un contexto de calidad del aire: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de anilloHTMLCanvasJavaScript
Abrir y ejecutar
0082Dibujo y visualización de datos

Gráfico de panel de control de calidad del aire

Completa una gráfica de panel en el escenario de calidad del aire: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de panelHTMLCanvasJavaScript
Abrir y ejecutar
0098Dibujo y visualización de datos

Radar de capacidades de calidad del aire

Completa un gráfico de radar de capacidades en el escenario de calidad del aire: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a varios tamaños.

Dibujo y visualización de datosRadar de capacidadesHTMLCanvasJavaScript
Abrir y ejecutar
0114Dibujo y visualización de datos

Gráfico de dispersión de la calidad del aire

Completa un diagrama de dispersión en el escenario de calidad del aire: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de dispersiónHTMLCanvasJavaScript
Abrir y ejecutar
0130Dibujo y visualización de datos

Mapa de calor matricial de calidad del aire

Completa un mapa de calor matricial para un entorno de calidad del aire: contenido real, controles interactivos, feedback de estado claro y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosmapa de calor matricialHTMLCanvasJavaScript
Abrir y ejecutar
0146Dibujo y visualización de datos

Gráfico de cronología de la calidad del aire

Completa un gráfico de línea temporal en un escenario de calidad del aire: con contenido real, controles operables, estado claro y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfica de cronologíaHTMLCanvasJavaScript
Abrir y ejecutar
0162Dibujo y visualización de datos

Gráfico de nodos de relaciones de calidad del aire

Completa un diagrama de nodos de relaciones en un escenario de calidad del aire: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfico de nodos de relacionesHTMLCanvasJavaScript
Abrir y ejecutar
0178Dibujo y visualización de datos

Dibujador de ondas de calidad del aire

Completa un trazador de formas de onda en un escenario de calidad del aire: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosDibujador de formas de ondaHTMLCanvasJavaScript
Abrir y ejecutar
0194Dibujo y visualización de datos

Gráfico de barras interactivo del progreso de aprendizaje

Completa un gráfico de barras interactivo para el contexto de progreso de aprendizaje: incluye contenido real, controles operables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de barras interactivoHTMLCanvasJavaScript
Abrir y ejecutar
0210Dibujo y visualización de datos

Gráfico de líneas de la tendencia del progreso de aprendizaje

En un entorno de progreso de aprendizaje, realiza un gráfico de líneas de tendencia: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de líneas de tendenciaHTMLCanvasJavaScript
Abrir y ejecutar
0226Dibujo y visualización de datos

Gráfico de anillo del progreso de aprendizaje

Completa el gráfico de proporción en anillo en el escenario de progreso de aprendizaje: incluye contenido real, controles interactivos, retroalimentación clara del estado y una disposición adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de anilloHTMLCanvasJavaScript
Abrir y ejecutar
0242Dibujo y visualización de datos

Gráfico de panel de progreso de aprendizaje

Crea gráficos de panel en un escenario de progreso de aprendizaje: incluye contenido real, controles accionables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de panelHTMLCanvasJavaScript
Abrir y ejecutar
0258Dibujo y visualización de datos

Gráfico de radar de progreso de habilidades de aprendizaje

Completar el gráfico de radar de capacidad en el escenario de progreso de aprendizaje: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosRadar de capacidadesHTMLCanvasJavaScript
Abrir y ejecutar
0274Dibujo y visualización de datos

Diagrama de dispersión del progreso de aprendizaje

Completa un gráfico de dispersión en un escenario de progreso del aprendizaje: incluye contenido realista, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de dispersiónHTMLCanvasJavaScript
Abrir y ejecutar
0290Dibujo y visualización de datos

Mapa de calor en cuadrícula del progreso de aprendizaje

Completa un mapa de calor matricial en un escenario de progreso de aprendizaje: incluye contenido real, controles accionables, una clara retroalimentación de estado y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosmapa de calor matricialHTMLCanvasJavaScript
Abrir y ejecutar
0306Dibujo y visualización de datos

Gráfica de línea temporal del progreso del aprendizaje

Completa un gráfico de cronología para el contexto de progreso de aprendizaje: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfica de cronologíaHTMLCanvasJavaScript
Abrir y ejecutar
0322Dibujo y visualización de datos

Grafo de nodos de relaciones del progreso de aprendizaje

Completa un diagrama de nodos de relaciones en un escenario de progreso de aprendizaje: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfico de nodos de relacionesHTMLCanvasJavaScript
Abrir y ejecutar
0338Dibujo y visualización de datos

Generador de formas de onda del progreso de aprendizaje

Completa un gráfico de forma de onda para un escenario de progreso de aprendizaje: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a varios tamaños.

Dibujo y visualización de datosDibujador de formas de ondaHTMLCanvasJavaScript
Abrir y ejecutar
0354Dibujo y visualización de datos

Gráfico de barras interactivo del crecimiento del jardín

Completa un gráfico de barras interactivo en un escenario de crecimiento de jardín: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de barras interactivoHTMLCanvasJavaScript
Abrir y ejecutar
0369Dibujo y visualización de datos

Gráfico de líneas de la tendencia de crecimiento del jardín

Completa un gráfico de líneas de tendencia para el escenario de crecimiento del jardín: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de líneas de tendenciaHTMLCanvasJavaScript
Abrir y ejecutar
0384Dibujo y visualización de datos

Gráfico de rosquilla del crecimiento del jardín

Completa un gráfico de anillo de proporciones en un escenario de crecimiento del jardín: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptado a diferentes tamaños.

Dibujo y visualización de datosGráfico de anilloHTMLCanvasJavaScript
Abrir y ejecutar
0399Dibujo y visualización de datos

Gráfica del panel de crecimiento del jardín

Completa gráficos de panel en un escenario de crecimiento de jardín: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de panelHTMLCanvasJavaScript
Abrir y ejecutar
0413Dibujo y visualización de datos

Gráfico radar de capacidades de crecimiento del jardín

Completa un gráfico radar de capacidades para el escenario de crecimiento del jardín: incluye contenido realista, controles accionables, estados claros y diseño adaptable a diferentes tamaños.

Dibujo y visualización de datosRadar de capacidadesHTMLCanvasJavaScript
Abrir y ejecutar
0426Dibujo y visualización de datos

Diagrama de dispersión del crecimiento del jardín

Completa un diagrama de dispersión en un escenario de crecimiento del jardín: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de dispersiónHTMLCanvasJavaScript
Abrir y ejecutar
0439Dibujo y visualización de datos

Mapa de calor matricial del crecimiento del jardín

En el escenario de crecimiento del jardín, completa un mapa de calor matricial: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosmapa de calor matricialHTMLCanvasJavaScript
Abrir y ejecutar
0452Dibujo y visualización de datos

Gráfico de línea de tiempo del crecimiento del jardín

En la escena del crecimiento del jardín, completa un gráfico de línea temporal: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfica de cronologíaHTMLCanvasJavaScript
Abrir y ejecutar
0535Dibujo y visualización de datos

Gráfico de nodos de relaciones de crecimiento de archivo

Completa un gráfico de nodos de relaciones en un escenario de crecimiento de archivos: incluye contenido real, controles accionables, estados claros y diseño adaptable a distintas dimensiones.

Dibujo y visualización de datosgráfico de nodos de relacionesHTMLCanvasJavaScript
Abrir y ejecutar
0560Dibujo y visualización de datos

Generador de formas de onda de métricas de audio

Completa un dibujador de formas de onda en un contexto de métricas de audio: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosDibujador de formas de ondaHTMLCanvasJavaScript
Abrir y ejecutar
0585Dibujo y visualización de datos

Gráfico de barras interactivo de Atlas del Aire

Crea un gráfico de barras interactivo para el escenario del Atlas del Aire: incluye contenido real, controles operables, una respuesta de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de barras interactivoHTMLCanvasJavaScript
Abrir y ejecutar
0610Dibujo y visualización de datos

Gráfico circular de proporción del informe aéreo

Crea un gráfico de anillo para el escenario de briefing sobre calidad del aire: contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de anilloHTMLCanvasJavaScript
Abrir y ejecutar
0635Dibujo y visualización de datos

Gráficos del panel de previsión del aire

Completa la gráfica de panel en el escenario de pronóstico del aire: incluye contenido real, controles operables, retroalimentación clara de estado y maquetación adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de panelHTMLCanvasJavaScript
Abrir y ejecutar
0660Dibujo y visualización de datos

Mapa de calor matricial del libro mayor aéreo

Completar una cuadrícula de mapa de calor en el escenario de libro de cuentas aéreo: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosmapa de calor matricialHTMLCanvasJavaScript
Abrir y ejecutar
0685Dibujo y visualización de datos

Gráfico de líneas de tendencia de la estación de monitoreo del aire

Completa una gráfica de líneas de tendencia para un escenario de monitorización del aire: con contenido realista, controles interactivos, estado claro y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de líneas de tendenciaHTMLCanvasJavaScript
Abrir y ejecutar
0710Dibujo y visualización de datos

Diagrama de nodos de relaciones de la cola aérea

Completa un gráfico de nodos de relación en un contexto de cola aérea: incluye contenido real, controles interactivos, retroalimentación clara de estado y una distribución adaptable a varios tamaños.

Dibujo y visualización de datosgráfico de nodos de relacionesHTMLCanvasJavaScript
Abrir y ejecutar
0735Dibujo y visualización de datos

Gráfico de radar de capacidades de revisión aérea

Completa un gráfico de radar de capacidades en el escenario del cuaderno de revisión del aire: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosRadar de capacidadesHTMLCanvasJavaScript
Abrir y ejecutar
0760Dibujo y visualización de datos

Diagrama de dispersión de señales de aire

Complete el diagrama de dispersión en el escenario del mapa de señales aéreas: incluye contenido real, controles operables, una clara retroalimentación de estado y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de dispersiónHTMLCanvasJavaScript
Abrir y ejecutar
0785Dibujo y visualización de datos

Gráfico temporal del atlas público

Completa un gráfico de línea temporal en el escenario de cartografía pública: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfica de cronologíaHTMLCanvasJavaScript
Abrir y ejecutar
0810Dibujo y visualización de datos

Generador de formas de onda para briefing público

Completa el generador de formas de onda en un escenario de briefing público: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosDibujador de formas de ondaHTMLCanvasJavaScript
Abrir y ejecutar
0835Dibujo y visualización de datos

Gráfico de barras interactivo de comentarios públicos

Completa un gráfico de barras interactivo para el escenario de comentarios públicos: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de barras interactivoHTMLCanvasJavaScript
Abrir y ejecutar
0860Dibujo y visualización de datos

Gráfico de proporción en anillo del panel de previsión pública

Completa el gráfico de anillo de proporción en el escenario del tablero de previsión pública: incluye contenido real, controles interactivos, feedback claro de estado y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de anilloHTMLCanvasJavaScript
Abrir y ejecutar
0885Dibujo y visualización de datos

Gráficos de panel del libro mayor público

Completa el gráfico del panel en un escenario de registro público: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de panelHTMLCanvasJavaScript
Abrir y ejecutar
0910Dibujo y visualización de datos

Mapa de calor matricial de la mesa de monitoreo público

Completa un mapa de calor en cuadrícula para monitoreo público: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosmapa de calor matricialHTMLCanvasJavaScript
Abrir y ejecutar
0935Dibujo y visualización de datos

Gráfico de líneas de tendencia de la cola pública

Completa un gráfico de líneas de tendencia en un contexto de cola pública: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de líneas de tendenciaHTMLCanvasJavaScript
Abrir y ejecutar
0960Dibujo y visualización de datos

Gráfico de nodos de relaciones para revisión pública

Completa un diagrama de nodos de relación para un escenario de revisión pública: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfico de nodos de relacionesHTMLCanvasJavaScript
Abrir y ejecutar
0985Dibujo y visualización de datos

Radar de capacidades del gráfico de señales públicas

Completa un gráfico de radar de capacidades en un escenario de mapa de señales públicas: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosRadar de capacidadesHTMLCanvasJavaScript
Abrir y ejecutar
1010Dibujo y visualización de datos

Diagrama de dispersión del rendimiento en clase

Completa un gráfico de dispersión para el escenario de rendimiento en clase: incluye contenido real, controles interactivos, estados claros y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de dispersiónHTMLCanvasJavaScript
Abrir y ejecutar
1035Dibujo y visualización de datos

Gráfico de línea temporal del atlas del aula

Completa un gráfico de línea de tiempo en un escenario de atlas de aula: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfica de cronologíaHTMLCanvasJavaScript
Abrir y ejecutar