1 files changed, 49 insertions, 0 deletions
diff --git a/files/pt-br/web/guide/gráficos/index.html b/files/pt-br/web/guide/gráficos/index.html
new file mode 100644
index 0000000000..6abc792433
--- /dev/null
+++ b/files/pt-br/web/guide/gráficos/index.html
@@ -0,0 +1,49 @@
+---
+title: Gráficos na Web
+slug: Web/Guide/Gráficos
+tags:
+  - 2D
+  - 3D
+  - Canvas
+  - Gráficos(2)
+  - HTML5
+  - SVG
+  - Web
+  - WebGL
+  - WebRTC
+translation_of: Web/Guide/Graphics
+---
+<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>