diff --git a/src/lib/components/preset.svelte b/src/lib/components/preset.svelte
index 47582650..6a4eddc8 100644
--- a/src/lib/components/preset.svelte
+++ b/src/lib/components/preset.svelte
@@ -79,7 +79,19 @@
     section Go home
       Go downstairs: 5: Me
       Sit down: 3: Me
-      `
+      `,
+		'Git Graph': `    gitGraph
+      commit
+      commit
+      branch develop
+      checkout develop
+      commit
+      commit
+      checkout main
+      merge develop
+      commit
+      commit
+`
 	};
 
 	const loadSampleDiagram = (diagramType: string): void => {
diff --git a/src/routes/edit.svelte b/src/routes/edit.svelte
index 8a841ab8..9e4041eb 100644
--- a/src/routes/edit.svelte
+++ b/src/routes/edit.svelte
@@ -59,6 +59,10 @@
 		},
 		journey: {
 			code: '/#/user-journey'
+		},
+		gitGraph: {
+			code: '/#/gitgraph',
+			config: '/#/gitgraph?id=gitgraph-specific-configuration-options'
 		}
 	};
 	let text = '';