ID.nl logo
Capisce? Maak het duidelijk met diagrammen
© MohamadFaizal - stock.adobe.com
Huis

Capisce? Maak het duidelijk met diagrammen

Wil je iets duidelijk maken? Probeer in plaats van woorden eens een diagram. Met yEd maak je ze in soorten en maten en het programma is nog gratis ook.

In dit artikel laten we je zien hoe je met yEd eenvoudig duidelijke op tekst gebaseerde diagrammen kunt maken:

  • Venn-diagram
  • Beslisboom

Lees ook: Haal meer uit Collabora Office met deze tips

Dat een plaatje soms meer zegt dan duizend woorden, is bekend. Een populair type verhelderende afbeelding is de grafiek, waarmee je snel verbanden kunt zien in de wereld van getallen. Dat laatste is ook meteen de beperking ervan: zonder getallen heb je geen grafiek. In zulke situaties kunnen we terugvallen op een ander soort plaatje: het diagram.

Diagrammen zijn er in heel veel soorten: zo veel dat we geen enkel programma kennen waarmee je ze allemaal kunt maken. Eén soort diagrammen werkt met blokken die je aan elkaar kunt knopen met lijnen of pijlen. Dit is het type waarin het gratis yEd is gespecialiseerd. Je kunt ze in allerlei situaties gebruiken.

Live

Je kunt yEd downloaden in verschillende versies. Wanneer je maar af en toe een diagram hoeft te maken, kun je overwegen om met de onlineversie aan de slag te gaan. Daar gaan we dan ook uitgebreid naar kijken.

Wanneer je deze pagina opent, krijg je eerst een welkomstvenster te zien. Rechtsboven in dat venster zie je EN met een driehoekje. Klik je daarop, dan kun je desgewenst ook voor een Frans- of Duitstalige versie kiezen – het programma is van Duitse origine.

Het welkomstvenster bestaat uit slechts twee pagina’s, zodat je na één klik op Next al gereed bent om aan de slag te gaan met een klik op Start.

Het welkomstvenster geeft meteen een idee van het soort diagrammen dat je met yEd maakt.

Voorbeeld

Na de klik op Start kun je kiezen of je met een leeg vel aan de slag wilt (Start With Blank Diagram) of een voorbeeld wilt bekijken (Open Sample Graph). Dat laatste is een goed idee, omdat je daarmee een mooi beeld krijgt van het soort diagrammen waarvoor yEd bedoeld is, en daarmee ook van de soorten diagrammen waarvoor je niet bij yEd terecht kunt. Heb je eerder met yEd Live gewerkt, dan kun je overigens ook kiezen voor Continue Last Session om verder te gaan waar je gebleven was.

Zoals je kunt zien wanneer je klikt op Open Sample Graph, zijn de voorbeelden verdeeld in categorieën. De eerste categorie heet Layout en hierin zie je allerlei vormen die je diagrammen kunnen aannemen. Onder deze algemene categorie zie je rubrieken met diagrammen die specifiek worden gebruikt in zakelijke toepassingen (Business), programmeren (Programming), mindmaps, netwerken (Networks), tabellen (Tables), genealogie (Genealogy) en Venn-diagrammen.

De meegeleverde voorbeelden geven een beeld van wat yEd wel en niet kan.

Venn

Wat je uit dit aanbod ook leert, is dat yEd niet bedoeld is voor het maken van diagrammen op basis van cijfers, zoals taart- of staafdiagrammen, en ook niet voor bijvoorbeeld diagrammen met landkaarten. Liggen je grafische behoeften buiten het aanbod van yEd, dan zul je dus elders moeten zoeken.

In een algemene grafische editor kun je natuurlijk elk type diagram maken, maar dat is wel een heidens karwei omdat zulke programma’s allerlei gespecialiseerd gereedschap missen. Om te zien wat we daarmee bedoelen, open je het voorbeeld onder Venn.

Zoals je wellicht weet, kun je met een Venn-diagram laten zien of verzamelingen gemeenschappelijke elementen bevatten. Vaak zullen dat getallen zijn, maar in dit voorbeeld zijn de eigenschappen van verschillende Playstation-modellen.

Momentje van ontspanning nodig?

Hier vind je de verschillende Playstation-modellen

Ga je met de cursor over de grafiek, dan zie je dat deze uit vier gekleurde cirkels bestaat waarvan yEd de kleuren mengt waar ze elkaar overlappen. Daarnaast zijn er acht tekstblokken. Klik je op zo’n tekst (bijvoorbeeld die in de roze cirkel) en versleep je deze een beetje, dan zie je hulplijnen die je helpen de tekst optimaal te plaatsen. Dat zou een algemeen programma ook nog wel doen, maar als specialist doet yEd dat ook in overlapgebieden, zoals voor de tekst 4 USB Ports.

Gespecialiseerde diagram-functies helpen bij de opmaak.

Objecten plaatsen

Op de rechterschermhelft zie je allerlei objecten die je in je diagram kunt plaatsen en scrol je daar naar beneden, dan zie je naast de groep Shape Nodes nog heel wat meer categorieën. Rechtsboven zie je Graph Defaults. Dat venster bevat de standaardelementen die horen bij Venn-diagrammen. Omdat deze een buitenbeentje vormen binnen het aanbod van yEd, zul je hier in de praktijk alleen de eerste en laatste van de vier gebruiken.

Vanuit dit venster kun je snel passende elementen toevoegen aan je diagram. Sleep bijvoorbeeld de roze cirkel uit Graph Defaults naar rechtsonder in je grafiek, zodat deze de drie teksten rechtsonder omvat. Klik vervolgens rechtsboven op het tabblad Properties. Klik daar op het roze cirkeltje onder Color en kies een lichtblauwe kleur. Zoals je ziet, zorgt yEd zelf weer voor het mengen van kleuren.

Bij Properties kun je van elk element het uiterlijk in detail aanpassen en zoals je ziet, kun je er zelfs een beschrijving aan toevoegen en een url aan koppelen.

Van elk element in een diagram kun je de eigenschappen aanpassen.

Jargon

De diagrammen die je in yEd maakt zijn – met uitzondering van het Venn-diagram – allemaal van hetzelfde type. Dat is een object dat in de wiskunde een graph wordt genoemd (graaf in het Nederlands). Een graph bestaat uit nodes (knopen) en edges (lijnen). Deze lijnen kunnen ook een richting hebben (pijl) en eventueel voorzien zijn van een waarde, bijvoorbeeld om een afstand aan te geven. De woorden Graph, Node en Edge kom je dan ook volop tegen in yEd. 

Lees ook: Met deze software kun je een organigram maken

Boom opzetten

Nu je het jargon kent en weet hoe je een object kunt toevoegen en aanpassen, is het tijd om zelf eens een diagram te gaan maken. Klik daarvoor linksboven op de drie lijntjes en kies New / Clear Diagram / Clear Diagram.

Klik nu linksboven op Layout en kies Orthogonal. Dit is een lay-out met een horizontale en verticale structuur voor knopen en lijnen en is daarmee zeer geschikt voor het type diagram dat we willen maken: een beslisboom. Klik op Apply om aan de slag te gaan.

Van elk element in een diagram kun je de eigenschappen aanpassen.

Node en Edge

Sleep vanuit Shape Nodes een rechthoek naar het werkblad en maak deze groter (ongeveer 8 bij 8 roostervakjes) door een hoek te verslepen. Klik met rechts erop en kies Edit / Copy en vervolgens Edit / Paste. Versleep de kopie horizontaal en plaats hem rechts van het origineel. Zoals je merkt (en ook eerder zag), geeft yEd je hulp bij het mooi uitlijnen. Maak nog een kopie en plaats deze onder het origineel.

Rechtsklik nu op de knoop linksboven en kies Add Label. Typ in het tekstvak Beschik je over een pc? en druk op Enter. Zoals je ziet, is de tekst niet al te groot. Selecteer de tekst met Shift+linkermuisknop en verander bij Properties de tekstgrootte van 12px naar 18px.

Ga naar het tabblad Palette en open de groep Edges. Sleep het eerste element uit de groep naar de knoop met de ingevoerde tekst, laat de muisknop los en klik in de knoop rechts ervan. Er is nu een pijl geplaatst tussen de twee vakken. Plaats op dezelfde manier een pijl van het vak met de tekst naar het vak eronder.

Rechtsklik op de horizontale pijl en kies Add Label. Geef de tekst Nee gevolgd door Enter. Geef de verticale pijl op dezelfde manier de tekst Ja.

Zowel nodes als edges worden door yEd keurig in het gelid geplaatst.

Stijl

Zouden we een nieuwe tekst invoeren in een van de andere knopen, dan zou deze weer de oorspronkelijke grootte hebben. Dat kunnen we eenvoudig voorkomen door een stijl te definiëren.

Selecteer eerst weer de tekst die we al hebben ingevoerd en zorg dat deze bij Properties zowel horizontaal als verticaal gecentreerd is met de pictogrammen onder Text Styling. Kies bij Placement voor Stretch Center. Selecteer het oranje vak bij de tekst en geef het via Properties een wat minder schreeuwerige kleur, zoals grijsblauw.

Rechtsklik nu in deze aangepaste knoop en kies Style / Set as default node style. Klik nu op een van de oranje vakken en Ctrl+klik op het andere om ze beiden te selecteren. Rechtsklik vervolgens op één van beide en kies Style / Apply default style. Merk op dat deze nieuwe stijl nu ook is terug te vinden onder Graph Defaults op het tabblad Palette, zodat je nieuwe elementen met dezelfde stijl van daaruit snel kunt toevoegen.

Op dezelfde manier kun je een standaard-stijl toekennen voor de lijnen (edges) en de tekst erbij (labels). Gewapend met deze standaard-stijl kunnen we onze beslisboom voltooien.

Uiteindelijk is onze beslisboom klaar. 

Optimaliseren

Toe we aan de beslisboom begonnen, kozen we voor de orthogonale lay-out, wat betekent dat componenten horizontaal en verticaal in het gelid staan. Wij hebben daarvoor zelf gezorgd bij het plaatsen van elementen.

Rechtsonder in het diagramvenster zie je een oranje pictogram, dat als je het aanwijst een pop-up geeft met de tekst Apply layout… Klik je hierop, dan zal yEd je hele diagram proberen te optimaliseren. Als het niet bevalt, kun je overigens met Ctrl+Z of het Undo-pictogram boven in beeld eenvoudig terug naar je vorige lay-out.

Ben je tevreden, dan kun je je diagram via het bestandsmenu opslaan (Save) of in verschillende formaten (png, svg, pdf) als plaatje exporteren (Export). Je kunt vanuit yEd Live zelfs je diagrammen laten analyseren. Dat wil onder andere zeggen dat je ze snel in verschillende lay-outs kunt bekijken via Explorer. Zo kom je er makkelijk achter of er geïsoleerde knopen zijn waarnaar niet wordt verwezen of dat er knopen zijn die naar zichzelf verwijzen.

Analyse van een diagram kan foutjes aan het licht brengen.

Andere soorten diagrammen maken? Het gratis Google Presentaties is de redder in nood

Lokaal

We hebben je een idee gegeven van hoe je met yEd Live diagrammen kunt maken en aanpassen. Werk je liever lokaal, dan is er de desktopversie van yEd. Je kunt kiezen uit versies voor Windows, macOS en Linux. Het programma draait op Java, wat automatisch mee wordt geïnstalleerd. De installatie kent geen bijzonderheden.

Eenmaal gestart, zul je merken dat de desktopversie er weliswaar anders uitziet, maar dat de functionaliteit in grote lijnen hetzelfde is als die van yEd Live. Bovendien kun je de diagrammen die je daarin hebt gemaakt ook in de desktopversie openen (en omgekeerd).

Wil je voorbeelden bestuderen, dan vind je die in de desktopversie niet in het bestandsmenu, maar onder Help / Example Graphs. Een ander belangrijk verschil is dat yEd Live meer grafische objecten biedt om in je diagrammen te gebruiken.

De desktopversie van yEd oogt wat gedateerd, maar de werking is vrijwel gelijk aan die van yEd Live.

Deze drie laptops kosten allemaal minder dan 400 euro en scoren een 8,5 of hoger bij bezoekers van Kieskeurig.nl

▼ Volgende artikel
Chrome Remote Desktop: ideaal voor ondersteuning op afstand
© ER | ID.nl
Huis

Chrome Remote Desktop: ideaal voor ondersteuning op afstand

Een apparaat op afstand bedienen hoeft geen geld te kosten en is verrassend eenvoudig. Of je nu bestanden wilt openen, technische problemen wilt oplossen of meerdere toestellen wilt beheren: met Chrome Remote Desktop kan het allemaal, gratis en zonder gedoe.

De helper begint

Een groot voordeel van Chrome Remote Desktop is de brede compatibiliteit: het werkt met Windows, macOS, Linux en ChromeOS. Bovendien is het veilig – verbindingen worden versleuteld – en je hebt alleen een Chrome-browser nodig. We beginnen aan de kant van degene die op afstand toegang wilt tot een andere computer, degene die ondersteuning biedt vanaf computer A. Op computer A opent de gebruiker Chrome en surft naar https://remotedesktop.google.com. Daar verschijnen twee opties: Dit scherm delen en Verbinding maken met een andere computer. Omdat computer A support wil geven aan een extern apparaat, kiest de gebruiker voor de tweede optie. In dat scherm verschijnt een veld om een toegangscode in te geven, de code volgt zo meteen.

Degene die support geeft, gebruikt het onderste vak.

Acties voor de hulpvrager

Op computer B, de computer die toegang zal verlenen, moet de gebruiker ook in Chrome surfen naar dezelfde website. Daar kiest hij voor de optie Dit scherm delen. Voordat dat mogelijk is, moet Chrome Remote Desktop eerst worden gedownload en geïnstalleerd. De gebruiker klikt daarvoor op de ronde blauwe knop met het witte downloadpijltje. Hiermee wordt een Chrome-extensie geïnstalleerd. Na de installatie verschijnt in het vak Dit scherm delen een blauwe knop met de tekst Code genereren. Wanneer de gebruiker daarop klikt, wordt een toegangscode van 12 cijfers aangemaakt. Die code geeft hij of zij door aan gebruiker A.

Wie support krijgt, moet de code via een berichtje of telefoontje doorgeven.

Scherm delen

Op computer A geeft de gebruiker de code op in Chrome Remote Desktop. Vervolgens wacht hij tot gebruiker B bevestigt dat A toegang mag krijgen tot zijn scherm. Zodra dat is gebeurd, verschijnt het volledige bureaublad van computer B in een nieuw Chrome-venster op computer A. Door dit venster schermvullend weer te geven, kan A probleemloos handelingen uitvoeren op de pc van B. Voor de veiligheid beschikken beide gebruikers over een knop om de sessie op elk moment te beëindigen. Uiteraard is een stabiele internetverbinding noodzakelijk. Daarnaast krijgen beide partijen de melding dat ze klembordsynchronisatie kunnen inschakelen. Hiermee wordt het mogelijk om eenvoudig tekst of bestanden te kopiëren en te plakken tussen beide apparaten.

Gebruiker A krijgt het volledige scherm van B in een Chrome-venster te zien.
▼ Volgende artikel
In drie stappen je eigen video als screensaver: zo doe je dat
© ID.nl
Huis

In drie stappen je eigen video als screensaver: zo doe je dat

De tijd dat een screensaver nodig was om je computerscherm te beschermen tegen inbranden, ligt ver achter ons. Vandaag is een screensaver vooral een manier om je computer een persoonlijk tintje te geven. Met een eenvoudige tool verander je je vakantiefilmpjes of familievideo's in een levendige screensaver die je scherm vult zodra de pc even pauze neemt.

Wat gaan we doen

We laten zien hoe je met PUSH Video Wallpaper een video omzet in een screensaver. Je kiest geschikte fragmenten, stelt een afspeellijst samen en activeert de screensaver in Windows. Daarna zie je precies hoe je de tool zo instelt dat hij alleen in ruststand draait.

Lees ook: Zo maak je je eigen AI-video met Bing Video Creator

Stap 1: Download PUSH VideoWallpaper

Voordat je een video als bureaubladachtergrond instelt, is het verstandig om eerst na te denken over de juiste clips. Voor een opvallend en toch rustig effect werkt een korte video die in een lus draait meestal het best. Met PUSH Video Wallpaper kun je bovendien een afspeellijst maken zodat meerdere clips elkaar automatisch opvolgen. Deze Windows-app is eenvoudig in gebruik en levert de beste resultaten. Je kunt video's afspelen vanaf de harde schijf, maar ook geanimeerde gifs en zelfs YouTube-fragmenten zijn mogelijk. Het programma is niet gratis: een licentie voor persoonlijk gebruik kost 9,95 euro en een thuislicentie voor vijf pc's 14,95 euro. Er is wel een gratis proefversie, waarbij alleen een klein watermerk rechtsonder zichtbaar is.

De eerste stap is het downloaden van PUSH Video Wallpaper (26 MB). Na het binnenhalen installeer je de tool met het bestand VideoWallpaper_setup.exe. Aan het einde van de installatie verschijnt een pop-up met de vraag of je PUSH Video Wallpaper meteen wilt starten en of je de app ook als schermbeveiliging wilt instellen. Vink beide opties aan en klik op Voltooien.

Selecteer zeker de optie Instellen als schermbeveiliging.

Stap 2: Instellingen

Via het pictogram in het systeemvak kun je met de rechtermuisknop de instellingen openen. Klik bovenaan op het kleine voorbeeldscherm om een afspeellijst samen te stellen. Er staan standaard enkele voorbeeldvideo's klaar. Verwijder die en voeg je eigen filmpjes toe die je als screensaver wilt gebruiken. Ga vervolgens terug naar het tandwieltje en schakel de optie Start with Windows uit. Klik ten slotte op Instellen als schermbeveiliging. De ontwikkelaar gaat ervan uit dat je de tool gebruikt als video-wallpaper. De screensaverfunctie is eigenlijk een extraatje. Door het automatisch opstarten uit te schakelen, gebruik je de app uitsluitend als screensaver en niet als dynamische bureaubladachtergrond.

Voeg de filmpjes toe aan de afspeellijst.

Stap 3: Als schermbeveiliger instellen

Herstart de pc en ga naar Instellingen / Persoonlijke instellingen / Vergrendelingsscherm / Schermbeveiliging. Hier kun je dan PUSH Video Screen Saver selecteren voor schermbeveiliging.

In de Persoonlijke instellingen selecteer je PUSH Video Wallpaper als schermbeveiliger.

Je video's naar een hoger niveau tillen?

Misschien is een vlogcamera iets voor jou!