Revision 490105 of Gráficos na Web

<p><span class="seoSummary">Sites modernos da Web e aplicativos frequentemente necessitam de apresentar gráficos.</span> Exibindo imagens estáticas que podem ser feitas facilmente usando o elemento {{HTMLElement("img")}}, ou configurando o background de elementos HTML usando a propriedade {{cssxref("background-image")}}. Você frequentemente quer construir gráficos "on-the-fly", ou manipular imagens depois do fato. <span class="seoSummary">Esses artigos fornecem discernimento em como você pode realizar isto.</span></p>
<div class="row topicpage-table">
 <div class="section">
  <h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">Gráficos 2D</h2>
  <dl>
   <dt>
    <a href="/en-US/docs/Web/Guide/Graphics/Drawing_graphics_with_canvas">Desenhando gráficos com canvas</a></dt>
   <dd>
    Uma guia introdutória do uso do elemento {{HTMLElement("canvas")}} para desenhar gráficos 2D.</dd>
   <dt>
    <a href="/en-US/docs/SVG">SVG</a></dt>
   <dd>
    Scalable Vector Graphics (SVG) ou Gráficos de Vetor Escalável permite que você use linhas, curvas e outras formas geométricas para render gráficos. Evitando o uso de bitmaps, você pode criar imagens que escalam de modo limpo para qualquer tamanho.</dd>
  </dl>
  <p style="margin-left: 400px;"><a href="/en-US/docs/tag/Graphics" title="https://developer.mozilla.org/en-US/docs/tag/Graphics">Ver todos...</a></p>
  <h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">Gráficos 3D</h2>
 </div>
 <div class="section">
  <dl>
   <dt>
    <a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
   <dd>
    Uma guia para começar com WebGL, os gráficos API 3D para a web. Esta tecnologia permite que você use o padrão OpenGL ES em conteúdo Web.</dd>
  </dl>
 </div>
</div>
<p>&nbsp;</p>