Skip to content

Latest commit

 

History

History

examples

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

svgdx examples

svgdx

svgdx svgdx.xml -o svgdx.svg

svgdx.svg  |  svgdx.xml

Functional Block Diagram

From the Wikipedia Functional block diagram page, the following diagram shows "the attitude control and maneuvering electronics system of the Gemini spacecraft".

This is the sort of diagram svgdx targets; boxes and lines, with layout providing some useful semantic structure.

original source

An SVG reproduction of this diagram created using svgdx is shown below:

source  |  input file

Connectors

source  |  input file

More connectors

source  |  input file

Text boxes

source  |  input file

Multi-line text alignment

source  |  input file

Multi-line vertical text

source  |  input file

Text associated with lines

source  |  input file

Pre-formatted text

source  |  input file

Relative positioning

source  |  input file

Surrounding shapes

source  |  input file

Intersection of shapes

source  |  input file

Hierarchies and containment

source  |  input file

Text within shapes

source  |  input file

Repeating elements

source  |  input file

Variables and expressions

source  |  input file

Reuse and templating

source  |  input file

Loops and conditions

source  |  input file

Polar coordinates

source  |  input file

List operations

source  |  input file

Universal layout attributes

source  |  input file

Area clipping

source    input file