HTML / CSS / JavaScript

Desenho e visualização de dados

Canvas, SVG, gráficos, instrumentos e diagramas de relacionamento.

49c categorias de exemplos
Exibindo atualmente 49 casos
0034Desenho e visualização de dados

Gráfico de barras interativo de qualidade do ar

Conclua um gráfico de barras interativo no cenário de qualidade do ar: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de barras interativoHTMLCanvasJavaScript
Abrir e executar
0050Desenho e visualização de dados

Gráfico de linha da tendência da qualidade do ar

Conclua o gráfico de linhas de tendência no cenário de qualidade do ar: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosgráfico de linha de tendênciaHTMLCanvasJavaScript
Abrir e executar
0066Desenho e visualização de dados

Gráfico de rosca da qualidade do ar

Narre um gráfico de rosca de participação em um cenário de qualidade do ar: inclui conteúdo real, controles interativos, feedback de estado claro e layout em várias dimensões.

Desenho e visualização de dadosGráfico de participação em anelHTMLCanvasJavaScript
Abrir e executar
0082Desenho e visualização de dados

Gráfico do painel de qualidade do ar

No cenário de qualidade do ar, conclua o gráfico em estilo de painel: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Desenho e visualização de dadosGráficos de painelHTMLCanvasJavaScript
Abrir e executar
0098Desenho e visualização de dados

Radar de capacidades da qualidade do ar

No cenário de qualidade do ar, conclua o gráfico de radar de competências: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo a vários tamanhos.

Desenho e visualização de dadosRadar de habilidadesHTMLCanvasJavaScript
Abrir e executar
0114Desenho e visualização de dados

Gráfico de dispersão da qualidade do ar

Conclua um gráfico de dispersão no cenário de qualidade do ar: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de dispersãoHTMLCanvasJavaScript
Abrir e executar
0130Desenho e visualização de dados

mapa de calor matricial da qualidade do ar

Conclua o mapa de calor em grade para o cenário de qualidade do ar: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosMapa de calor em matrizHTMLCanvasJavaScript
Abrir e executar
0146Desenho e visualização de dados

Gráfico de linha do tempo da qualidade do ar

No cenário de qualidade do ar, conclua o gráfico de linha do tempo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de linha do tempoHTMLCanvasJavaScript
Abrir e executar
0162Desenho e visualização de dados

Grafo de nós de relações da qualidade do ar

Complete o grafo de nós de relacionamento no cenário de qualidade do ar: inclui conteúdo real, controles interativos, feedback de estado claro e layouts responsivos em diferentes tamanhos.

Desenho e visualização de dadosgráfico de nós de relaçõesHTMLCanvasJavaScript
Abrir e executar
0178Desenho e visualização de dados

Plotador de forma de onda para qualidade do ar

Conclua um criador de formas de onda no cenário de qualidade do ar: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo entre tamanhos.

Desenho e visualização de dadosDesenhador de formas de ondaHTMLCanvasJavaScript
Abrir e executar
0194Desenho e visualização de dados

Gráfico de barras interativo do progresso de aprendizado

Crie um gráfico de barras interativo para o cenário de progresso de aprendizagem: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de barras interativoHTMLCanvasJavaScript
Abrir e executar
0210Desenho e visualização de dados

Gráfico de linha das tendências de progresso de aprendizagem

Complete o gráfico de linha de tendência no cenário de progresso de aprendizagem: com conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Desenho e visualização de dadosgráfico de linha de tendênciaHTMLCanvasJavaScript
Abrir e executar
0226Desenho e visualização de dados

Gráfico de rosca de progresso de aprendizado

Conclua o gráfico de participação em anel no cenário de progresso de aprendizagem: inclui conteúdo real, controles operáveis, feedback de estado claro e um layout adaptável a diferentes tamanhos.

Desenho e visualização de dadosGráfico de participação em anelHTMLCanvasJavaScript
Abrir e executar
0242Desenho e visualização de dados

Gráfico de painel de progresso de aprendizagem

Crie um gráfico de painel no cenário de progresso de aprendizagem: inclua conteúdo real, controles acionáveis, feedback claro de estado e layout entre tamanhos.

Desenho e visualização de dadosGráficos de painelHTMLCanvasJavaScript
Abrir e executar
0258Desenho e visualização de dados

Gráfico radar de habilidades com progresso de aprendizado

Complete o gráfico de radar de competências no cenário de progresso de aprendizagem: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptado a diferentes tamanhos.

Desenho e visualização de dadosRadar de habilidadesHTMLCanvasJavaScript
Abrir e executar
0274Desenho e visualização de dados

Gráfico de dispersão do progresso de aprendizagem

Conclua o gráfico de dispersão no cenário do progresso de aprendizagem: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Desenho e visualização de dadosGráfico de dispersãoHTMLCanvasJavaScript
Abrir e executar
0290Desenho e visualização de dados

Mapa de calor em grade da matriz de progresso de aprendizagem

Complete um mapa de calor em matriz no cenário de progresso de aprendizado: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

Desenho e visualização de dadosMapa de calor em matrizHTMLCanvasJavaScript
Abrir e executar
0306Desenho e visualização de dados

Gráfico de linha do progresso de aprendizagem

Conclua um gráfico de linha do tempo no cenário de progresso de aprendizagem: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de linha do tempoHTMLCanvasJavaScript
Abrir e executar
0322Desenho e visualização de dados

Mapa de nós de relação do progresso de aprendizagem

Conclua um gráfico de nós de relacionamento no cenário de progresso de aprendizagem: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosgráfico de nós de relaçõesHTMLCanvasJavaScript
Abrir e executar
0338Desenho e visualização de dados

Gerador de formas de onda do progresso de aprendizagem

Conclua o desenhador de formas de onda no cenário de progresso de aprendizagem: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo a vários tamanhos.

Desenho e visualização de dadosDesenhador de formas de ondaHTMLCanvasJavaScript
Abrir e executar
0354Desenho e visualização de dados

Gráfico de barras interativo de crescimento do jardim

Crie um gráfico de barras interativo em um cenário de crescimento de jardim: com conteúdo real, controles operáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de barras interativoHTMLCanvasJavaScript
Abrir e executar
0369Desenho e visualização de dados

Gráfico de linhas da tendência de crescimento do jardim

Complete um gráfico de linha de tendência no cenário de crescimento do jardim: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosgráfico de linha de tendênciaHTMLCanvasJavaScript
Abrir e executar
0384Desenho e visualização de dados

Gráfico de participação em anel do crescimento do jardim

Concluir um gráfico de rosca para a cena de crescimento do jardim: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de participação em anelHTMLCanvasJavaScript
Abrir e executar
0399Desenho e visualização de dados

Gráfico do painel de crescimento do jardim

Conclua um gráfico de painel no cenário de crescimento do jardim: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráficos de painelHTMLCanvasJavaScript
Abrir e executar
0413Desenho e visualização de dados

Gráfico de radar de capacidade de crescimento do jardim

Crie um gráfico de radar de habilidades no cenário de crescimento do jardim: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosRadar de habilidadesHTMLCanvasJavaScript
Abrir e executar
0426Desenho e visualização de dados

Gráfico de dispersão do crescimento do jardim

Conclua um gráfico de dispersão no cenário de crescimento do jardim: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de dispersãoHTMLCanvasJavaScript
Abrir e executar
0439Desenho e visualização de dados

mapa de calor em matriz do crescimento do jardim

Conclua um mapa de calor em grade no contexto de crescimento do jardim: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosMapa de calor em matrizHTMLCanvasJavaScript
Abrir e executar
0452Desenho e visualização de dados

Gráfico de linha do tempo de crescimento do jardim

Conclua o gráfico de linha do tempo em um cenário de crescimento de jardim: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de linha do tempoHTMLCanvasJavaScript
Abrir e executar
0535Desenho e visualização de dados

Diagrama de nós de relações de crescimento de arquivo

Conclua o grafo de nós de relacionamento no cenário de crescimento do arquivo: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptado a diferentes tamanhos.

Desenho e visualização de dadosgráfico de nós de relaçõesHTMLCanvasJavaScript
Abrir e executar
0560Desenho e visualização de dados

Desenhador de formas de onda de métricas de áudio

Conclua um desenhista de formas de onda no cenário de métricas de áudio: inclua conteúdo realista, controles acionáveis, feedback de estado claro e um layout responsivo em diferentes tamanhos.

Desenho e visualização de dadosDesenhador de formas de ondaHTMLCanvasJavaScript
Abrir e executar
0585Desenho e visualização de dados

Gráfico de barras interativo do Atlas do Ar

Complete um gráfico de barras interativo no cenário do Atlas do Ar: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo em vários tamanhos.

Desenho e visualização de dadosGráfico de barras interativoHTMLCanvasJavaScript
Abrir e executar
0610Desenho e visualização de dados

Gráfico de setores em anel do briefing aéreo

Crie um gráfico de rosca para o cenário de briefing aéreo: inclua conteúdo real, controles acionáveis, feedback claro de estado e um layout adaptado a diferentes tamanhos.

Desenho e visualização de dadosGráfico de participação em anelHTMLCanvasJavaScript
Abrir e executar
0635Desenho e visualização de dados

Gráficos do painel de previsão do tempo

Conclua um gráfico de painel para o cenário de quadro de previsão do ar: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráficos de painelHTMLCanvasJavaScript
Abrir e executar
0660Desenho e visualização de dados

Mapa de calor em grade de livro-caixa aéreo

Concluir um heatmap em grade no cenário de livro-caixa de ar: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosMapa de calor em matrizHTMLCanvasJavaScript
Abrir e executar
0685Desenho e visualização de dados

Gráfico de linhas de tendência da estação de monitoramento da qualidade do ar

Complete um gráfico de linha de tendência no cenário de central de monitoramento da qualidade do ar: inclui conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosgráfico de linha de tendênciaHTMLCanvasJavaScript
Abrir e executar
0710Desenho e visualização de dados

Diagrama de nós de relações da fila aérea

Conclua um mapa de nós de relacionamento no cenário da fila aérea: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

Desenho e visualização de dadosgráfico de nós de relaçõesHTMLCanvasJavaScript
Abrir e executar
0735Desenho e visualização de dados

Radar de habilidades para o caderno de revisão de ar

Conclua um gráfico de radar de competências no cenário do caderno de revisão aérea: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosRadar de habilidadesHTMLCanvasJavaScript
Abrir e executar
0760Desenho e visualização de dados

Gráfico de dispersão do mapa de sinais do ar

No cenário do mapa de sinais de ar, conclua o gráfico de dispersão: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de dispersãoHTMLCanvasJavaScript
Abrir e executar
0785Desenho e visualização de dados

Gráfico de linha do cronograma do atlas público

Conclua o gráfico de linha temporal no cenário de atlas público: inclui conteúdo real, controles operáveis, feedback claro de status e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de linha do tempoHTMLCanvasJavaScript
Abrir e executar
0810Desenho e visualização de dados

Criador de formas de onda para briefing público

Crie um visualizador de ondas para um briefing público: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo em várias dimensões.

Desenho e visualização de dadosDesenhador de formas de ondaHTMLCanvasJavaScript
Abrir e executar
0835Desenho e visualização de dados

Gráfico de barras interativo de feedback público

Conclua um gráfico de barras interativo no cenário de feedback público: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de barras interativoHTMLCanvasJavaScript
Abrir e executar
0860Desenho e visualização de dados

Gráfico de pizza do painel de previsão pública

No cenário do painel de previsão pública, conclua um gráfico de rosca de proporção: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a vários tamanhos.

Desenho e visualização de dadosGráfico de participação em anelHTMLCanvasJavaScript
Abrir e executar
0885Desenho e visualização de dados

Gráficos de painel do livro-caixa público

Complete os gráficos do painel em um cenário de livro-razão público: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráficos de painelHTMLCanvasJavaScript
Abrir e executar
0910Desenho e visualização de dados

Mapa de calor em matriz da central de monitoramento pública

Conclua um mapa de calor em matriz em um cenário de painel de monitoramento público: inclui conteúdo real, controles operáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

Desenho e visualização de dadosMapa de calor em matrizHTMLCanvasJavaScript
Abrir e executar
0935Desenho e visualização de dados

Gráfico de linha da tendência da fila pública

Conclua um gráfico de linhas de tendência em um cenário de fila pública: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a vários tamanhos.

Desenho e visualização de dadosgráfico de linha de tendênciaHTMLCanvasJavaScript
Abrir e executar
0960Desenho e visualização de dados

Gráfico de nós de relacionamento do caderno de revisão pública

Crie um grafo de nós de relacionamento em um cenário de caderno de revisão pública: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Desenho e visualização de dadosgráfico de nós de relaçõesHTMLCanvasJavaScript
Abrir e executar
0985Desenho e visualização de dados

Gráfico de radar da capacidade de sinal público

Conclua o gráfico de radar de habilidades no cenário de um mapa de sinais públicos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosRadar de habilidadesHTMLCanvasJavaScript
Abrir e executar
1010Desenho e visualização de dados

Gráfico de dispersão do desempenho da turma

Conclua um gráfico de dispersão para o cenário de desempenho em sala de aula: inclui conteúdo real, controles operáveis, feedback claro de estado e layout adaptável entre tamanhos.

Desenho e visualização de dadosGráfico de dispersãoHTMLCanvasJavaScript
Abrir e executar
1035Desenho e visualização de dados

Gráfico de linha do tempo do atlas de sala de aula

Realize um gráfico de linha do tempo no cenário de atlas de sala de aula: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de linha do tempoHTMLCanvasJavaScript
Abrir e executar