--- 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> </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>