Git-grafieken
Visualiseer Git-branchingstrategieën en commitgeschiedenissen. Handig voor het uitleggen van versiebeheerworkflows.
Wat is Git-grafieken?
Git-grafieken zijn visuele representaties van Git-repositorygeschiedenis, die branches, commits, merges en tags tonen in een boomachtige structuur. Ze helpen ontwikkelaars branchingstrategieën te begrijpen, functieontwikkeling te volgen en versiebeheerworkflows uit te leggen. Git-grafieken maken complexe repositorygeschiedenissen begrijpelijk en ondersteunen samenwerking en codereviewprocessen.
Bewerken en preview
Bouw een Git-grafieken met Mermaid-syntaxis en zie wijzigingen direct.
Example
Git graph example
A Mermaid gitGraph example showing a branch for examples merged back into main.
Mermaid code
gitGraph LR
commit id: "docs"
branch examples
checkout examples
commit id: "flowchart"
commit id: "png"
checkout main
merge examples
commit id: "publish"Veelvoorkomende toepassingen
Branchingstrategiedocumentatie
Leg Git-workflows uit zoals GitFlow, GitHub Flow of trunk-based development. Help teams branchingconventies te begrijpen.
Releaseplanning
Visualiseer releasebranches, hotfixes en functie-integratie. Plan mergestrategieën en versiereleases.
Codereviewcontext
Toon commitgeschiedenis en branchrelaties tijdens pull request-reviews. Bied context voor codewijzigingen.
Onboardingmateriaal
Leer nieuwe ontwikkelaars over de Git-workflow van het team. Maak visuele handleidingen voor veelvoorkomende Git-bewerkingen.
Belangrijkste functies
Branchvisualisatie
Toon meerdere branches (main, develop, feature, hotfix) met verschillende kleuren en labels.
Commitgeschiedenis
Geef individuele commits weer met berichten en metadata langs branchtijdlijnen.
Mergebewerkingen
Illustreer mergecommits, fast-forward merges en conflictresolutiepunten.
Tagmarkeringen
Markeer releaseversies en belangrijke mijlpalen met tags op de commitgrafiek.
Best practices
Houd het op hoog niveau
Toon conceptuele stromen in plaats van elke commit. Focus op branches en belangrijke mergepunten.
Gebruik betekenisvolle labels
Geef branches en commits beschrijvende namen die hun doel en context uitleggen.
Toon tijdsrichting
Maak de tijdstroom duidelijk, meestal van links naar rechts of van boven naar beneden. Oudere commits moeten vóór nieuwere verschijnen.
Markeer belangrijke gebeurtenissen
Benadruk releases, grote merges of kritieke fixes. Gebruik tags of annotaties om de aandacht te trekken.
Ontdek andere diagramtypen
Stroomdiagrammen
Visualiseer processen, workflows en algoritmen met knooppunten en gerichte pijlen. Perfect voor bedrijfsprocessen en beslisbomen.
Sequentiediagrammen
Documenteer interacties tussen verschillende actoren of systemen in de tijd. Ideaal voor API-documentatie en systeemontwerp.
Klassediagrammen
Modelleer objectgeoriënteerde systemen met klassen, attributen en relaties. Essentieel voor het plannen van softwarearchitectuur.
Toestandsdiagrammen
Geef toestandsovergangen in systemen of applicaties weer. Uitstekend voor het modelleren van levenscyclustoestanden en workflows.
Gantt-diagrammen
Plan en volg projecttijdlijnen met taken en afhankelijkheden. Perfect voor projectmanagement en planning.
ER-diagrammen
Ontwerp databaseschema's met entiteiten en relaties. Ideaal voor databasemodellering en documentatie.
Gebruikersreis
Breng gebruikerservaringen en interacties over contactpunten in kaart. Uitstekend voor UX-ontwerp en klantreis-mapping.
Mindmaps
Organiseer ideeën, brainstorm concepten en maak hiërarchische visuele structuren. Perfect voor planning en kennismapping.
Cirkeldiagrammen
Toon proportionele gegevensverdelingen met ronde grafieken. Ideaal voor het weergeven van percentages en marktaandeelverdelingen.
Tijdlijnen
Visualiseer chronologische gebeurtenissen en mijlpalen langs een tijdas. Uitstekend voor projectgeschiedenissen en roadmaps.
Kanbanborden
Organiseer taken in kolommen die workflowfasen vertegenwoordigen. Perfect voor agile projectmanagement en taakbeheer.
Kwadrantdiagrammen
Plaats items op een twee-assig raster om te vergelijken en te prioriteren. Ideaal voor functieprioritering en strategische analyse.
Sankey-diagrammen
Visualiseer stroomhoeveelheden tussen knooppunten met proportionele pijlen. Perfect voor energiestromen, budgetallocatie en conversiefunnels.
XY-grafieken
Maak staafdiagrammen en lijngrafieken met aanpasbare assen. Ideaal voor datavisualisatie en trendanalyse.
Blokdiagrammen
Bouw gestructureerde lay-outs met blokken in kolommen en rijen. Uitstekend voor systeemarchitectuur en componentoverzichten.
Architectuurdiagrammen
Ontwerp cloud- en systeemarchitectuur met service-iconen en verbindingen. Perfect voor infrastructuurdocumentatie.
Pakketdiagrammen
Visualiseer netwerkprotocol-pakketstructuren met bitniveau-veldindelingen. Essentieel voor netwerkprotocoldocumentatie.