Tidslinjer - med AI
Från Skolbok
Ibland finns ett behov av att snabbt kunna få fram en enkel tidslinje för att visa hur händelser hänger ihop. Detta är vanligast i historieämnet. Ett sätt är att ta innehållet på en sida på Internet med datum och årtal, skicka in sidans innehåll i en AI som chat GPT och få fram en enkel tidslinje i mermaidscript.
Mermaid är från början ett gratis javascriptbibliotek för programmerare för att skapa olika diagram, men har vidareutvecklats till en mängd olika områden. Bland annat för att skapa enkla tidslinjer.
Hur du gör står här: https://mermaid.js.org/syntax/timeline.html
Chat GPT prompt
Ett exempel kan vara att du vill ha en tidslinje över "Svarta veckan" som var inledningen på första världskriget. Då kan en prompt se ut så här:
Du ska skapa en timeline med hjälp av mermaid code:
1. Börja med ordet "timeline", efter det ska den följas av titeln så här title (din titel)
2. Tidpunkter skrivs till vänster därefter : och slutligen det som hände den tidpunkten
3. Om flera händelser skedde samma tidpunkt skriver du bara : och sedan vad som hände under den första tidsangivelsen.
4. Begränsa antalet ord. Ha max tre ord för varje händelse.
Följ instruktionerna här ovanför när du skapar mermaid mindmap notation när du sammanfattar texten här nedanför i en tankekarta.
<text> (Här lade jag in texten om Svarta veckan från Grundskoleboken - Första världskriget, svarta veckan) </text>
Den kod du får från Chat GPT kan sedan klistras in i ett program som kan läsa mermaidscript. Mermaid har en egen editor här: https://mermaid.live/ och där kan du klistra in koden för att sedan även redigera den. Du ser ändringarna direkt på din tidslinje.
Bilden i mermaid live blev:
Om du vill kunna redigera din tidslinje med mer frihet än så här kan du istället lägga in din mermaidscript i draw.io som du hittar här: https://app.diagrams.net/
- När du startar programmet väljer du var du vill spara ett nytt diagram och skriv valfritt namn på diagrammet.
- Därefter går du in på "Ordna" sedan "Infoga" sedan "Avancerat" i menyraden längs överkanten.
- Välj "Mermaid code" så att du får upp en textruta att skriva kod i
- Klistra in hela koden du fått från Chat GPT i textrutan, istället för den kod som redan finns där och klicka på "Infoga"
Nackdelen är att alla färger försvinner när koden öppnas i draw.io, men istället kan du ändra storlek och flytta på alla objekten i tidslinjen.
Exempelscriptet
Scriptet i exemplet blev:
timeline
title Första världskriget: Svarta veckan
28 juli 1914: Österrike-Ungern krig Serbien : Ryssland mobiliserar 29 juli 1914: Tyskland varnar Ryssland 1 augusti 1914: Tyskland krig Ryssland : Frankrike mobiliserar 3 augusti 1914: Tyskland krig Frankrike : Tyska soldater Belgien 4 augusti 1914: England krig Tyskland