Arkiv för "diagram"

Generera diagram via Dot/Graphviz

Jag har tidigare skrivit om hur man kan använda yUML för att generera diagram online.

Det finns så klart även en hel del offline-verktyg för detta och ett enkelt, snabbt och väldokumenterat verktyg är Graphviz. För att generera samma information som i yUML-exemplet så kan följande Dot-kod användas:

digraph G {
  Konsult1 -> Delicious1 -> Rss1 -> Twitterfeed;
  Konsult2 -> Delicious2 -> Rss2 -> Twitterfeed;
  Konsult3 -> Delicious3 -> Rss3 -> Twitterfeed;

  Twitterfeed -> Twitter;

  /* Node names can not contains dots, hence the labels */
  paper [label="paper.li"];
  cygni [label="cygni.se"];

  Twitter -> paper;
  Twitter -> cygni;
}

Genom att exekvera nedanstående kommande så kommer filen diagram.png att genereras (Graphviz måste först installeras och ovanstående Dot-kod måste finnas i filen diagram.dot):

dot -Tpng diagram.dot -o diagram.png

Resultatet blir så här:

Dokumentationen är superb och visar bland annat på olika layout-alternativ och hur pilar, boxar, texter mm kan stajlas.

Rekommenderas!

yUML – generera UML-diagram online

Jag hittade ett skönt verktyg för att generera UML-diagram online. Det heter yUML och kan generera klass-, aktivitets- och användningsfallsdiagram genom enkel pseudokod.

Vi har nyligen lagt upp ett nytt informationsflöde på cygni.se som kallas Läst på Cygni. Det innehåller länkar till olika artiklar som konsulterna på Cygni läst den senaste tiden och baseras på en feed från twitter.com/cygniab (detaljer om hur flödet är uppbyggt finns på Cygnibloggen). Nedanstående yUML-pseudokod beskriver flödet:

[Konsult3]->[Delicious for K3]
[Konsult2]->[Delicious for K2]
[Konsult1]->[Delicious for K1]
[Delicious for K3]->[RSS 3]
[Delicious for K2]->[RSS 2]
[Delicious for K1]->[RSS 1]
[RSS 3]->[Twitterfeed]
[RSS 2]->[Twitterfeed]
[RSS 1]->[Twitterfeed]
[Twitterfeed]->[Twitter]
[Twitter]->[cygni.se]
[Twitter]->[paper.li]

Resultatet blir enligt nedan – snyggt och enkelt…