Long description

The figure consists of a browser window and 2 blocks of code.

The browser window titled "S V G Example" is shown at the top left of the figure. The browser consists of 3 images of a speaker that are diagonally placed one below the other with increasing image size.

The first block of code placed at the right side of the browser window reads as follows. Line 1: open angle bracket i m g s r c equals open double quotes speaker dot s v g close double quotes width equals open double quotes 100 close double quotes forward slash close angle bracket. Line 2: open angle bracket i m g s r c equals open double quotes speaker dot s v g close double quotes width equals open double quotes 200 close double quotes forward slash close angle bracket. Line 3: open angle bracket i m g s r c equals open double quotes speaker dot s v g close double quotes width equals open double quotes 600 close double quotes forward slash close angle bracket.

Note: Because S V G is a vector format, there is no loss of quality when it is resized.

The second block of code titled S V G is compressed X M L is placed below the browser window and reads as follows. Line 1 : open angle bracket question mark x m l version equals open double quotes 1 point 0 close double quotes encoding equals open double quotes u t f hyphen 8 close double quotes question mark close angle bracket at indentation level 0. Line 2: open angle bracket s v g version equals open double quotes 1 point 1 close double quotes i d equals open double quotes Layer underscore 1 close double quotes x mins equals open double quotes H T T P colon forward slash forward slash w w w dot w 3 dot org forward slash 2000 forward slash s v g close double quotes x m l ns colon x link equals open double quotes H T T P colon forward slash forward slash w w w dot w 3 dot org forward slash 1999 forward slash x link close double quotes x equals open double quotes 0 p x close double quotes y equals open double quotes 0 p x close double quotes at indentation level 0. Line 3: viewBox equals open double quotes 0 0 95 94 close double quotes style equals open double quotes enable hyphen background colon new 0 0 95 94 semicolon close double quotes x m l colon space equals open double quotes preserve close double quotes close angle bracket at indentation level 2. Line 4: open angle bracket style type equals open double quotes text forward slash c s s close double quotes close angle bracket at indentation level 0. Line 5 : dot s t 0 open curly brace fill colon hash 3 6 6 B C 9 semicolon close curly brace dot s t 1 open curly brace fill colon hash E 0 1 0 5 B semicolon close curly brace dot s t 2 open curly brace fill colon hash E F C E 4 “A” semicolon close curly brace at indentation level 1. Line 6: open angle bracket forward slash style close angle bracket at indentation level 0. Line 7: open angle bracket path class equals open double quotes s t 0 close double quotes d equals open double quotes M 92 point 7, 46 point 9 c 0, 25 point 1 hyphen 20 point 4, 45 point 5 hyphen 45 point 5, 45 point 5 C 22 point 1, 92 point 4, 1 point 7, 72, 1 point 7, 46 point 9 c 0 hyphen 25 point 1, 20 point 4 hyphen 45 point 5, 45 point 5 hyphen 45 point 5 at indentation level 0. Line 8: C 72 point 3, 1 point 4, 92 point 7, 21 point 8, 92 point 7, 46 point 9 L 92 point 7, 46 point 92 M 92 point 7, 46 point 9 close double quotes forward slash close angle bracket at indentation level 1. Line 9: open angle bracket path class equals open double quotes s t 1 close double quotes d equals open double quotes M 42 point 8, 22 point 51 hyphen 9 point 2 hyphen 9 point 2 c hyphen 1 point 3 hyphen 1 point 3 hyphen 3 point 4 hyphen 1 point 3 hyphen 4 point 7, 0 L 14 point 7, 27 point 4 c hyphen 1 point 3, 1 point 3 hyphen 1 point 3, 3 point 4, 0, 4 point 719 point 2,9 point 2 c 0 point 4,0 point 4,0 point 7,0 point 9,0 point 9, 1 point 5 at indentation level 0. Line 10: 11, 28 point 6 c 0 point 6, 2 point 5, 3 point 7, 3 point 3, 5 point 5, 1 point 5143 hyphen 43 c 1 point 8 hyphen 1 point 8, 1 hyphen 4 point 9 hyphen 1 point 5 hyphen 5 point 51 hyphen 28 point 6 hyphen 1043 point 7, 23 point 2, 43 point 2, 22 point 9, 42 point 8, 22 point 5 L 42 point 8, 22 point 5 z M 42 point 8, 22 point 5 close double quotes forward slash close angle bracket at indentation level 1. Line 11: open angle bracket path class equals open double quotes s t 2 close double quotes d equals open double quotes M 51 point 7, 80 point 3 c hyphen 0 point 3 hyphen 0 point 3 hyphen 0 point 5 hyphen 0 point 7 hyphen 0 point 5 hyphen 1 point 1 c 0 hyphen 0 point 9, 0 point 7 hyphen 1 point 6, 1 point 6 hyphen 1 point 6066 point 7, 77 point 7, 78, 66 point 4, 78, 52 point 6 c 0 hyphen 0 point 9,0 point 7 hyphen 1 point 6, 1 point 6 hyphen 1 point 6 at indentation level 0. Line 12: c 0 point 9, 0, 1 point 6, 0 point 7, 1 point 6, 1 point 6 c 0, 15 point 6 hyphen 12 point 7, 28 point 2 hyphen 28 point 2, 28 point 2052 point 4, 80 point 8, 52, 80 point 6, 51 point 7, 80 point 3151 point 7, 80 point 3 z M 51 point 7, 80 point 3 close double quotes forward slash close angle bracket at indentation level 1. Line 13: open angle bracket path class equals open double quotes s t 2 close double quotes d equals open double quotes M 48 point 1, 67 point 8 c hyphen 0 point 3 hyphen 0 point 3 hyphen 0 point 5 hyphen 0 point 7 hyphen 0 point 5 hyphen 1 point 1 c 0 hyphen 0 point 9, 0 point 7 hyphen 1 point 6, 1 point 6 hyphen 1 point 6 c 9 point 5, 0, 17 point 3 hyphen 7 point 8, 17 point 3 hyphen 17 point 3 c 0 hyphen 0 point 9, 0 point 7 hyphen 1 point 6, 1 point 6 hyphen 1 point 6 at indentation level 0. Line 14: c 0 point 9, 0, 1 point 6, 0 point 7, 1 point 6, 1 point 6 c 0, 11 point 3 hyphen 9 point 2, 20 point 4 hyphen 20 point 4, 20 point 4 C 48 point 8, 68 point 2, 48 point 4, 68, 48 point 1, 67 point 8 L 48 point 1, 67 point 8 z M 48 point 1, 67 point 8 close double quotes forward slash close angle bracket at indentation level 1. Line 15: open angle bracket forward slash s v g close angle bracket at indentation level 0.