---
title: Gráficos na Web
slug: Web/Guide/Graphics
tags:
  - 2D
  - 3D
  - Canvas
  - Gráficos(2)
  - HTML5
  - SVG
  - Web
  - WebGL
  - WebRTC
translation_of: Web/Guide/Graphics
original_slug: Web/Guide/Gráficos
---
<p><span class="seoSummary">Sites modernos da Web e aplicativos frequentemente precisam exibir gráficos.</span> Imagens estáticas podem ser exibidas facilmente usando o elemento {{HTMLElement("img")}} ou configurando o background de elementos HTML usando a propriedade {{cssxref("background-image")}}. Você também pode construir gráficos em tempo real ou manipular imagens depois de criadas. <span class="seoSummary">Esses artigos fornecem conhecimento de como você pode realizar isto.</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="https://developer.mozilla.org/pt-BR/docs/Web/HTML/Canvas">Canvas</a></dt>
 <dd>Um guia introdutório do uso do elemento {{HTMLElement("canvas")}} para desenhar gráficos 2D usando JavaScript.</dd>
 <dt><a href="/pt-BR/docs/SVG">SVG</a></dt>
 <dd><em>Scalable Vector Graphics</em> (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.</dd>
</dl>

<p><span class="alllinks"><a href="https://developer.mozilla.org/en-US/docs/tag/Graphics">Ver todos...</a></span></p>
</div>

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

<dl>
 <dt><a href="https://developer.mozilla.org/pt-BR/docs/Web/WebGL">WebGL</a></dt>
 <dd>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.</dd>
</dl>

<h2 id="Video">Video</h2>

<dl>
 <dt><a href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">Usando áudio e vídeo em HTML5</a></dt>
 <dd>Embarcando vídeo ou áudio na página web e controlando a reprodução desses elementos.</dd>
 <dt><a href="/pt-BR/docs/WebRTC">WebRTC</a></dt>
 <dd><span id="result_box" lang="pt"><span>O RTC in WebRTC é um padrão para <em>Real-Time Communications </em>(comunicação em tempo real), tecnologia que permite a</span></span> <span class="short_text" id="result_box" lang="pt"><span>transmissão</span></span> <span lang="pt"><span> de áudio ou vídeo e o compartilhamento de dados entre os clientes de navegadores (<em>peers</em>).</span></span></dd>
</dl>
</div>
</div>