Gráficos na Web

Sites modernos da Web e aplicativos frequentemente precisam exibir gráficos. Imagens estáticas podem ser exibidas facilmente usando o elemento <img> ou configurando o background de elementos HTML usando a propriedade background-image (en-US). Você também pode construir gráficos em tempo real ou manipular imagens depois de criadas. Esses artigos fornecem conhecimento de como você pode realizar isto.

Gráficos 2D

Canvas

Um guia introdutório do uso do elemento <canvas> para desenhar gráficos 2D usando JavaScript.

SVG

Scalable Vector Graphics (SVG) ou Gráficos de Vetor Escalável permite que você use linhas, curvas e outras formas geométricas para renderizar gráficos. Com vetores, você pode criar imagens que se redimensionam perfeitamente para qualquer tamanho.

Gráficos 3D

WebGL

Um guia para começar com WebGL, a API gráfica 3D para a Web. Esta tecnologia permite que você use o padrão OpenGL ES em conteúdo Web.

Video

Usando áudio e vídeo em HTML5 (en-US)

Embarcando vídeo ou áudio na página web e controlando a reprodução desses elementos.

WebRTC (en-US)

O RTC in WebRTC é um padrão para Real-Time Communications (comunicação em tempo real), tecnologia que permite a transmissão de áudio ou vídeo e o compartilhamento de dados entre os clientes de navegadores (peers).