Data visualisation A picture is worth a thousand words

#+BEGIN_SRC ditaa :file img/color_test.png :exports both
  /----\ /----\
  |c33F| |cC02|
  |    | |    |
  \----/ \----/

  /----\ /----\
  |c1FF| |c1AB|
  |    | |    |
  \----/ \----/
#+END_SRC

#+RESULTS:
file:img/color_test.png

#+BEGIN_SRC ditaa :file img/second_color_test.png :exports both
  Color codes
  /-------------+-------------\
  |cRED RED     |cBLU BLU     |
  +-------------+-------------+
  |cGRE GRE     |cPNK PNK     |
  +-------------+-------------+
  |cBLK BLK     |cYEL YEL     |
  \-------------+-------------/

#+END_SRC

#+RESULTS:
file:img/second_color_test.png

#+BEGIN_SRC plantuml :file img/tryout.png :exports both
Alice -> Bob: synchronous call
Alice ->> Bob: asynchronous call
#+END_SRC

#+RESULTS:
file:img/tryout.png

#+BEGIN_SRC plantuml :file img/comp.png :exports both
package "Some Group" {
HTTP - [First Component]
[Another Component]
}

node "Other Groups" {
FTP - [Second Component]
[First Component] --> FTP
}

cloud {
[Example 1]
}


database "MySql" {
folder "This is my folder" {
[Folder 3]
}
frame "Foo" {
[Frame 4]
}
}


[Another Component] --> [Example 1]
[Example 1] --> [Folder 3]
[Folder 3] --> [Frame 4]
#+END_SRC

#+RESULTS:
file:img/comp.png

#+BEGIN_SRC plantuml :file img/gradient.png :exports both
skinparam backgroundcolor AntiqueWhite/Gold
skinparam classBackgroundColor Wheat|CornflowerBlue

class Foo #red-green
note left of Foo #blue\9932CC
this is my
note on this class
end note

package example #GreenYellow/LightGoldenRodYellow {
class Dummy
}
#+END_SRC

#+RESULTS:
file:img/gradient.png