Diagramy bez námahy
Mám rád strukturování informací. Vyznačování hlavních pojmů, zakreslování vztahů, tvorbu pojmových map. Pomáhá mi to s chápáním celého obsahu. A rád připravuji takové aktivity i pro žáky. Už dříve jsem tady popisoval formát PlantUML a jeho využití ve výuce. A dnes bych se rád podělil o další nástroj, který je určen pro tvorbu všech možných druhů schémat a diagramů.
Jedná se o webovou aplikaci Mermaid Live Editor. A hned na úvod – funguje i bez registrace a zdarma. To vždy ocením. Jasně, po registraci získáte mnoho dalších funkcí, jako je živé editování diagramu (dokonce i hlasem), AI funkce, exporty, ale o tom to dnes není. Dnes je to o rychlém vytvoření diagramu a jeho dalším využití.
Takže jak na to? Základem je vybrat si na stránce Mermaid Live Editor vhodný typ diagramu z ukázkových dat (sekce Sample Diagrams). Tím získáte představu o tom, jak bude diagram vypadat, a také formát zdrojových dat, které stránka pro jeho tvorbu potřebuje. A to je ten hlavní trik. Protože když si uděláte snímek obrazovky a pošlete ho nějaké umělé inteligenci, tak už pak jen stačí zadat téma a diagram je hotov.
Já si třeba vybral časovou osu a zadal Gemini prompt:
Toto je požadovaný formát diagramu pro aplikaci mermaid. Vytvoř mi podobný diagram pro časovou osu vývoje sítě Internet. Zaměř se na počet uživatelů, zavedení technologií PHP, JavaScript, databáze a podobné, a bezpečnost
No a pak mé oblíbené aktivity. Díky zdrojovému kódu můžete velmi jednoduše provést jakoukoliv úpravu, takže třeba do diagramu zanést nějakou chybu, na kterou musí žáci přijít. Nebo text založíte na konkrétním textu a část popisů odstraníte, žáci je pak musí doplnit. Ale určitě vás napadne spousta dalšího využití. Tak hezké diagramování.
