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. 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: Embarcando vídeo ou áudio na página web e controlando a reprodução desses elementos.
WebRTC: 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).