Gráficos na Web - Guias do Programador

Gráficos 2D

Web sites e aplicações necessitam frequentemente de apresentar gráficos. Imagens estáticas podem ser facilmente mostradas usado o elemento <img>, ou definindo o fundo do elemento HTML com a propriedade background-image. É ainda possivel construir gráficos no momento, ou manipular imagens. Este artigo disponibiliza toda a informação necessária.

Canvas: O elemento <canvas> fornece APIs para desenhar gráficos em 2D com recurso a JavaScript.
SVG: Scalable Vector Graphics (SVG) utiliza linhas, curvas, e outras formas geometricas para criar gráficos. Com vetores, pode ainda criar imagens que escalam para qualquer tamanho.

Gráficos 3D

WebGL: Um guia para iniciar com WebGL, o API de gráficos 3D para a Web. Esta tecnologia permite o uso do standard OpenGL ES em conteúdos Web.

Vídeo

Utilizar áudio e vídeo em HTML5: Incorporar video e/ou audio numa página web e controlar a sua reprodução.
WebRTC: O RTC em WebRTC significa Real-Time Communications (Comunicação em Tempo Real), é a tecnologia que permite o streaming the audio/video e partilha de informação entre clientes de browser (peers).