O que são gráficos HTML?

Na linguagem de marcação de hipertexto (HTML), existem várias maneiras de exibir e criar gráficos em um documento HTML. O tipo mais usado de gráficos HTML são imagens que são colocadas diretamente na página HTML, chamadas imagens embutidas, embora existam outros métodos - como o uso de uma linguagem de script ou um aplicativo da Web compilado - que pode ser usado para obter os mesmos resultados. Para gráficos gerados dinamicamente para gráficos ou gráficos, os gráficos vetoriais escaláveis ​​(SVG) podem ser usados. Também existem alguns gráficos HTML básicos suportados pela especificação do idioma e não requerem arquivos externos, como linhas horizontais e balas em uma lista. Os gráficos HTML mais complexos podem ser alcançados através do uso de uma linguagem de script, folhas de estilo em cascata (CSS) e o elemento HTML Canvas, dando uma opção nativa para alguns efeitos que anteriormente eram possíveis apenas através de objetos e plug-ins externos.

De longe, os gráficos HTML em linha são a maneira mais usada e mais simples de colocar uma imagem em um documento HTML. Isso basicamente envolve a criação de uma imagem em um editor de imagem, salvando -a em um formato de arquivo comumente usado e especificando o nome e o local do arquivo de imagem no documento HTML com a tag IMG. Além da simplicidade de incorporar um gráfico embutido em um documento, o mecanismo de renderização na maioria dos navegadores da Web pode facilmente colocar o gráfico em layouts de página mais complexos sem nenhum artefato de formatação. Uma complicação que pode ocorrer com uma imagem em linha é que o tamanho da imagem pode precisar ser escalado para se encaixar em telas excepcionalmente grandes ou pequenas quando visualizadas, potencialmente reduzindo a qualidade da imagem.

Os gráficos vetoriais escaláveis ​​são um estilo mais complexo de gráficos HTML. Uma imagem SVG é desenhada definindo formas, caminhos e pesos de linha e é desenhada em tempo real, pois o usuário está visualizando o documento. Isso faz do SVG uma boa escolha para exibir DYDados nâmicos, como gráficos ou gráficos, mas os torna muito impraticáveis ​​para usar para outros tipos de gráficos, como a construção de imagens fotorrealistas. Para gráficos HTML simples e em situações em que um arquivo de imagem externo não pode ser carregado, o SVG pode ser uma opção viável.

Com o desenvolvimento do padrão de idioma HTML versão 5 (HTML5), os gráficos dinâmicos HTML são possíveis de criar dentro da linguagem básica HTML. Isso é feito desenhando diretamente para uma superfície especial conhecida como tela em um documento HTML. Ao usar o JavaScript® e o CSS, esse método pode criar animações ou jogos que podem responder à entrada do usuário ou ajustar gráficos, dependendo das configurações do navegador da Web ou de outros dados. Criar um gráfico HTML5, no entanto, pode ser um procedimento complexo que pode resultar em longos blocos de código de script que podem ser executados muito lentamente em alguns computadores ou dispositivos.