Sites modernos da Web e aplicativos frequentemente necessitam de apresentar gráficos. Exibindo imagens estáticas que podem ser feitas facilmente usando o elemento <img>, ou configurando o background de elementos HTML usando a propriedade background-image. Você frequentemente quer construir gráficos "on-the-fly", ou manipular imagens depois do fato. Esses artigos fornecem discernimento em como você pode realizar isto.
Gráficos 2D
- Desenhando gráficos com canvas
-
Uma guia introdutória do uso do elemento
<canvas>para desenhar gráficos 2D. - SVG
- Scalable Vector Graphics (SVG) ou Gráficos de Vetor Escalável permite que você use linhas, curvas e outras formas geométricas para render gráficos. Evitando o uso de bitmaps, você pode criar imagens que escalam de modo limpo para qualquer tamanho.
Gráficos 3D
- WebGL
- Uma guia para começar com WebGL, os gráficos API 3D para a web. Esta tecnologia permite que você use o padrão OpenGL ES em conteúdo Web.