SVG

SVG, aka Scalable Vector Graphics, is a text markup language created in 2001.

#131on PLDB

23Years Old

27Repos

Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. SVG images and their behaviors are defined in XML text files. Read more on Wikipedia...

SVG Wikipedia page
SVG docs
There are at least 27 SVG repos on GitHub
SVG first developed in W3C
file extensions for SVG include svg
GitHub supports syntax highlighting for SVG
Indeed.com has 0 matches for "svg developer".
See also: (13 related languages)XML, CSS, JavaScript, PDF, SMIL, ECMAScript, Gzip, URL, HTML, Android, AutoCAD DXF, Gnuplot, VML

Example from hello-world:

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<svg width="240" height="100" viewBox="0 0 240 100" zoomAndPan="disable"
     xmlns="http://www.w3.org/2000/svg"  xmlns:xlink="http://www.w3.org/1999/xlink">
  <title>Hello World</title>
    <g>
      <text x="10" y="50">Hello World</text>
      <animate attributeName='opacity' values='0;1' dur='4s' fill='freeze' begin="0s"/>
    </g>
</svg>

Example from the Hello World Collection:

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!-- Hello World in SVG -->

<svg width="240" height="100" viewBox="0 0 240 100" zoomAndPan="disable"
     xmlns="http://www.w3.org/2000/svg"  xmlns:xlink="http://www.w3.org/1999/xlink">
  <title>Hello World</title>
    <g>
      <text x="10" y="50">Hello World</text>
      <animate attributeName='opacity' values='0;1' dur='4s' fill='freeze' begin="0s"/>
    </g>
</svg>

Example from Wikipedia:

<?xml version="1.0" encoding="UTF-8" ?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <rect x="25" y="25" width="200" height="200" fill="lime" stroke-width="4" stroke="pink" />
  <circle cx="125" cy="125" r="75" fill="orange" />
  <polyline points="50,150 50,200 200,200 200,100" stroke="red" stroke-width="4" fill="none" />
  <line x1="50" y1="50" x2="200" y2="200" stroke="blue" stroke-width="4" />
</svg>

Feature	Supported	Token	Example
Comments	✓
MultiLine Comments	✓
Semantic Indentation	X
Line Comments	X

SVG - Text markup language

Language features