GraphViz

GraphViz on kuvauskieli, jolla voi tuottaa grafiikkaa tekstuaalisen kuvauksen avulla. Hyötynä on hyvä ylläpidettävyys ja se, että GraphViz-muotoa voi tuottaa suhteellisen helposti ohjelmallisesti, jolloin oman ohjelma ei tarvitse keskittyä itse piirtämiseen. Esimerkkinä tällaisesta toteutuksesta on vaikkapa DFA-komponentti

Katso tässä lähdekoodeja joko oikealta pienestä kynän kuvasta tai asetuksista riippuen menemällä lohkosta vasemmalle kunnes syttyy palkki ja valitse siitä View source,

Viz

Viz on GraphVizin JavaScript toteutus, jolla päästää siihen, että melkein reaaliajassa nähdään miltä kuva näyttää.

• API

Viz-komponentin saa lisätty tekstiin seuraavalla koodilla (ks View Source)

Jos halutaan käyttää muuta sijoittelijaa kuin oletuksena olevaa dot, niin lisää "tehtävän" YAML-koodiin haluttu sijoittelija tyyliin:

jsparams:
  engine: neato 

Sijoittelija voi olla jokin seuraavista:

• circo, dot, fdp, neato, osage, twopi

Vaikka usein lopulliseen dokumenttiin onkin järkevä jättää GraphViz-kuva, koska sen tulos pystytään pitämään välimuistissa ja näin tuottamaan nopeammin dokumenttiin, on Viz-komponentin käyttö aluksi mukavaa, koska näkee nopeammin mitä kuvaan tulee.

GraphViz tehtäviä

Voidaan tehdä tehtäviä, jossa opiskelijan pitää itse piirtää jotakin.

Tarvittaessa voidaan piilottaa näkyvistä "ylimääräinen" koodi:

Staattiset kuvat

Tai voidaan tuottaa staattisia kuvia joiden kuva informaatio jää käteismuistiin, jolloin kuvat piirtyvät nopeasti.

Piirrä binääripuu antamalla solmujen suhteet

Toki myös värejä voi muuttaa tässä ja muissakin esimerkkikuvissa, ks View Source.

Huomaa että kaikkia attribuutteja ei ole pakko antaa ja niitä on paljon lisääkin

Solmujen yms korostaminen

Jos halutaan määritys useammalle solmulle, voidaan niistä tehdä subgraph joka pitää esitellä ennen kuin kuin solmuja käytetään ja kertoa mitkä solmut siihen kuuluvat. Hintana on silloin se, että jos esim 40 ja 100 esitellään ensin, ne tuleva myös kuvaan ennen 20 ja 60 ja silloin kuva ei näyttäisi binääripuulta. Silloin auttaa että esittelee solmut 20 ja 60 ihan aluksi:

Binääripuu

GraphViz Dot -ohjelman käyttöohje

Oliokaavio