Skip to content

Commit

Permalink
Clean up external links (mdn#6700)
Browse files Browse the repository at this point in the history
  • Loading branch information
alattalatta authored Jul 9, 2021
1 parent ea9dbaa commit 24bb2ae
Showing 1 changed file with 2 additions and 32 deletions.
34 changes: 2 additions & 32 deletions files/en-us/web/svg/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -42,49 +42,19 @@ <h2 id="Documentation">Documentation</h2>
<dd>SVG works together with {{Glossary("HTML")}}, {{Glossary("CSS")}} and {{Glossary("JavaScript")}}. Use SVG to <a href="/en-US/docs/Web/SVG/Tutorial/SVG_In_HTML_Introduction">enhance a regular HTML page or web application</a>.</dd>
</dl>

<h2 id="Community">Community</h2>

<ul>
<li>View Mozilla forums... {{DiscussionList("dev-tech-svg", "mozilla.dev.tech.svg")}}</li>
</ul>

<h2 id="Tools">Tools</h2>

<ul>
<li><a href="https://github.com/w3c/svgwg/wiki/Testing">SVG Test Suite</a></li>
<li><a href="https://validator.w3.org/#validate_by_input">Markup Validator</a></li>
<li>Other resources: <a href="/en-US/docs/Web/XML">XML</a>, <a href="/en-US/docs/Web/CSS">CSS</a>, <a href="/en-US/docs/Web/API/Document_Object_Model">DOM</a>, <a href="/en-US/docs/Web/API/Canvas_API">Canvas</a></li>
</ul>

<h2 class="Related_Topics" id="Examples">Examples</h2>
<h2 id="Examples">Examples</h2>

<ul>
<li>Google <a href="https://maps.google.com">Maps</a> (route overlay) &amp; <a href="https://docs.google.com">Docs</a> (spreadsheet charting)</li>
<li><a href="http://starkravingfinkle.org/projects/demo/svg-bubblemenu-in-html.xml">SVG bubble menus</a></li>
<li><a href="https://jwatt.org/svg/authoring/">SVG authoring guidelines</a></li>
<li><a href="/en-US/docs/Web/SVG/SVG_as_an_Image">SVG as an image</a></li>
<li><a href="/en-US/docs/Web/SVG/SVG_animation_with_SMIL">SVG animation with SMIL</a></li>
<li><a href="https://plurib.us/1shot/2007/svg_gallery/">SVG art gallery</a></li>
</ul>

<h3 id="Animation_and_interactions">Animation and interactions</h3>

<p>Like HTML, SVG has a document model (DOM) and events, and is accessible from JavaScript. This allows developers to create rich animations and interactive images.</p>

<ul>
<li>Some real eye-candy SVG at <a href="http://svg-wow.org/">svg-wow.org</a></li>
<li>Firefox extension (<a href="http://schepers.cc/grafox/">Grafox</a>) to add a subset of <a href="/en-US/docs/Web/SVG/SVG_animation_with_SMIL">SMIL animation support</a></li>
<li>Interactive <a href="https://demo.huihoo.com/amplesdk/examples/applications/svgalbum/index.html">photos</a> manipulation</li>
<li><a href="http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/">HTML transformations</a> using SVG's <code>foreignObject</code></li>
</ul>

<h3 id="Mapping_charting_games_3D_experiments">Mapping, charting, games &amp; 3D experiments</h3>

<p>While a little SVG can go a long way to enhanced web content, here are some examples of heavy SVG usage.</p>

<ul>
<li><a href="https://web.archive.org/web/20131019072450/http://www.treebuilder.de/svg/connect4.svg" title="Archive link provided because source now requires authentication.">Connect 4</a></li>
<li><a href="https://jvectormap.com/">jVectorMap</a> (interactive maps for data visualization)</li>
<li><a href="https://jointjs.com">JointJS</a> (JavaScript diagramming library)</li>
<li><a href="https://d3js.org">D3</a> ( JavaScript library for visualizing data with HTML, SVG, and CSS )</li>
<li><a href="https://d3js.org">D3</a> (JavaScript library for visualizing data with HTML, SVG, and CSS)</li>
</ul>

0 comments on commit 24bb2ae

Please sign in to comment.