---
title: Gráficos na Web
slug: Web/Guide/Gráficos
tags:
  - 2D
  - 3D
  - Canvas
  - HTML5
  - SVG
  - Tela
  - Web
  - WebGL
  - WebRTC
  - graficos
translation_of: Web/Guide/Graphics
---
<p><span class="seoSummary">Web sites e aplicações necessitam frequentemente de apresentar gráficos.</span> Imagens estáticas podem ser facilmente mostradas usado o elemento {{HTMLElement("img")}}, ou definindo o fundo do elemento HTML com a propriedade {{cssxref("background-image")}}. É ainda possivel construir gráficos no momento, ou manipular imagens. <span class="seoSummary">Este artigo disponibiliza toda a informação necessária.  </span></p>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Gráficos_2D">Gráficos 2D</h2>

<dl>
 <dt><a href="/pt-PT/docs/Web/API/API_de_canvas">Canvas</a></dt>
 <dd>O elemento {{HTMLElement("canvas")}} fornece APIs para desenhar gráficos em 2D com recurso a JavaScript.</dd>
 <dt><a href="/pt-PT/docs/Web/SVG">SVG</a></dt>
 <dd>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.</dd>
</dl>

<p><span class="alllinks"><a href="/en-US/docs/tag/Graphics">View All...</a></span></p>
</div>

<div class="section">
<h2 class="Documentation" id="Gráficos_3D">Gráficos 3D</h2>

<dl>
 <dt><a href="/pt-PT/docs/Web/API/WebGL_API">WebGL</a></dt>
 <dd>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.</dd>
</dl>

<h2 id="Vídeo">Vídeo</h2>

<dl>
 <dt><a href="/pt-PT/docs/Learn/HTML/Multimedia_e_integracao/Conteudo_de_audio_e_vídeo">Utilizar áudio e vídeo em HTML5</a></dt>
 <dd>Incorporar video e/ou audio numa página web e controlar a sua reprodução.</dd>
 <dt><a href="/pt-PT/docs/Web/API/API_WebRTC">WebRTC</a></dt>
 <dd>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).</dd>
</dl>
</div>
</div>