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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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

Het is ergens in 2025 als Fable voor het eerst, een soort van, getoond wordt. Beelden volgen elkaar in rap tempo op. We zien de dame die de hoofdrol lijkt te spelen, geen HUD en vooral heel veel mooie filmpjes. Daarna begint het wild speculeren, de klachten over het hoofdpersonage, de vraagtekens over de gameplay. Gelukkig was daar gister de Xbox Developer Direct, waar Microsoft eens te meer bewees de code gekraakt te hebben.

Vóór de pandemie, toen de Electronic Entertainment Expo (E3) nog bestond en online showcases, Directs en State of Plays nog niet echt een ding waren, wisten gameboeren hun spellen prima te verkopen. Ontwikkelaars verschenen op het podium tijdens liveshows, praatten over hun games, speelden live een demo (wat net zo vaak goed als faliekant misging) en dergelijke presentaties werden afgewisseld met teasers, hypetrailers en (nog verder terug) zelfs weleens grafieken en verkoopcijfers. Hoe anders is de wereld anno nu.

Trailers vol trailers

Klaar zitten voor The Game Awards, een gemiddelde Direct, Showcase of Summer Game Fest is leuk, maar niet hetzelfde als ‘toen’. Want de formule is inmiddels bekend. Een half uur, een uurtje, een paar uur lang wordt er de ene na de andere trailer op je hersenen afgevuurd. Wat is ‘reclame’ en wat niet? Geen idee. Standaard zijn de animegames die elkaar zo rap opvolgen dat de gemiddelde kijker niet eens meer weet waar de ene game begint en de ander ophoudt. Meestal zit er een klapper aan het begin, waarna het grote wachten op de klapper aan het einde begint.

Vraag iemand een week later wat ie gezien heeft, en meer dan de helft van de getoonde games is waarschijnlijk uit het geheugen verdwenen.  En al die flarden van beelden zonder fatsoenlijke uitleg leiden vaker wel dan niet tot hetzelfde als die ene soort van trailer van Fable: speculaties, wild geroep en vraagtekens. Het komt de online discussie rondom games niet ten goede.

©Playground Games

Hoe anders was de inmiddels traditionele Xbox Developer Direct. Langer dan een uur, voor maar vier games. Die games kregen zodoende alle tijd, net als de ontwikkelaars. Gameplaybeelden zijn niet aan te slepen, verscheidene modi worden uitgebreid besproken en zelfs de kleinste details krijgen meer dan genoeg ademruimte. Zo horen we tijdens de Forza Horizon 6-presentatie dat het nummer van je eigen hangar (78) gekozen is omdat de game zich afspeelt in Japan, en die cijfers daar een positieve lading hebben. Fijn om te horen hoe scherp het oog voor detail van een ontwikkelaar is. Dat zegt iets over het project. En het is ook iets wat je never nooit in een hypetrailer van anderhalve minuut langs had zien komen.

Trailers vol trailers

En dus zit ik gisteravond te genieten. Niet eens per se van de games, want ze vallen net niet in mijn straatje. Forza Horizon 6 vind ik héél indrukwekkend en de game zal ongetwijfeld miljoenen spelers perfect bedienen, maar ik ben niet zo van het racen. Game Freak - de makers van Pokémon die eindelijk hun vleugels uitslaan met graphics uit dit decennium - komen met Beast of Reincarnation. Het ziet er oké uit. Double Fine vindt in mij ook geen fan en een multiplayer-pottenbakgame (Kiln) is niet iets wat hoog op mijn lijstje stond. Zelfs afsluiter Fable wist me met z’n levenssimulaties ook niet te overtuigen. Maar, nogmaals, wat heb ik genoten. Van ontwikkelaars die ruim de tijd kregen. Van de games, die van alle kanten belicht werden. Van de antwoorden die we kregen.

©Playground Games

Want wat ik nou precies van die games vond, is niet eens zo heel belangrijk. Veel belangrijker is dat iedereen dit keer in ieder geval een uitgebreid beeld kreeg van wat deze games nu precies worden. Een Xbox Developer Direct creëert geen valse hype. Van die vier getoonde games, weten we nu eigenlijk alles wat we redelijkerwijs moeten weten. Zoals bijvoorbeeld dat Fable een character creation-modus heeft, om maar iets te noemen. En plots zie je de discussies rondom de games gaan om… de inhoud. En niet op wilde speculaties rondom hoofdpersonages die helemaal niet vast blijken te staan. Love it.

Tijdens de Xbox Developer Direct gisteren werden er naast Fable en Forza Horizon 6 ook twee andere games getoond: Game Freaks actie-rpg Beast of Reincarnation en de nieuwe Double Fine-game Kiln.

De Xbox Developer Direct werd gisterenavond uitgezonden en richt zich zoals elk jaar op het aan het woord laten van diverse ontwikkelaars. Daarbij lag de focus vooral op de studio Playground Games, en toonden zij de aankomende spellen Fable en Forza Horizon 6. Maar er werd meer getoond.

Beast of Reincarnation

Eén van de games die de revue passeerden, was Beast of Reincarnation. Deze actie-rpg speelt zich af in een post-apocalyptische versie van Japan. Daar gaan spelers op avontuur met Emma en Koo. Laatstgenoemde is een wolf die Emma vergezelt.

Het Japan in deze game wordt geteisterd door de 'Blight', en Emma en Koo moeten dit tegengaan door het op te nemen tegen krachtige vijanden genaamd Nushi en vervolgens hun krachten absorberen. Daarbij delen Emma en Koo een speciale connectie: wanneer Emma bijvoorbeeld een vijandelijke aanval tegenhoudt, zullen Koo's krachten zich opbouwen tot ze zogeheten Blooming Arts kan inzetten als aanval.

Beast of Reincarnation komt in de loop van aankomende zomer uit voor Xbox Series X en S, pc en PlayStation 5. Ook zal het spel meteen op Xbox Game Pass komen te staan. Opvallend daarbij is dat de game ontwikkeld wordt door Game Freak, dat vooral bekend is van de Pokémon-games. Game Freak zelf is echter onafhankelijk van Nintendo.

Kiln

De andere game die tijdens de Xbox Developer Direct gisteravond werd getoond, is Kiln. Deze nieuwe game van Double Fine Productions - een studio bekend om zijn unieke spellen zoals Psychonauts, Keeper en Broken Age - betreft een online multiplayergame waarin spelers aardewerk creëren met klei om een kleine geest uitrusting te geven.

Spelers bepalen daarbij zelf het uiterlijk van het harnas van dit wezen. De potten waarin hij plaats kan nemen kunnen vervolgens ook gedecoreerd worden naar smaak. Wanneer de uitrusting af is, vecht men het uit in 4v4-gevechten. Daarbij moet wel gelet worden op de vorm van het aardewerk, want een grotere creatie maakt de speler logischerwijs ook langzamer.

Kiln komt ergens aankomend voorjaar uit voor Xbox Series-consoles, PlayStation 5 en pc, en zal op release ook meteen op Xbox Game Pass komen te staan. Geïnteresseerden kunnen zich alvast aanmelden voor een bètatest. Na de release van de game is het de bedoeling dat er nieuwe maps en modi aan het spel worden toegevoegd.