diff --git a/lib/dfe/wizard/documentation/formatters/graphviz_formatter.rb b/lib/dfe/wizard/documentation/formatters/graphviz_formatter.rb
index dbef068..525c8f3 100644
--- a/lib/dfe/wizard/documentation/formatters/graphviz_formatter.rb
+++ b/lib/dfe/wizard/documentation/formatters/graphviz_formatter.rb
@@ -63,7 +63,7 @@ def render
           private
 
           def render_digraph_start
-            wizard_name = @metadata[:wizard_name]
+            wizard_name = sanitize_identifier(@metadata[:wizard_name].to_s)
             "digraph #{wizard_name} {"
           end
 
diff --git a/spec/fixtures/documentation/graphviz/assign_mentor_wizard.dot b/spec/fixtures/documentation/graphviz/assign_mentor_wizard.dot
index cbeb904..6830ebf 100644
--- a/spec/fixtures/documentation/graphviz/assign_mentor_wizard.dot
+++ b/spec/fixtures/documentation/graphviz/assign_mentor_wizard.dot
@@ -1,4 +1,4 @@
-digraph Assign mentor wizard {
+digraph Assign_mentor_wizard {
   rankdir=LR;
   bgcolor="#ffffff";
   node [shape=box, style="rounded,filled", fillcolor="#e8f4f8", fontname="Helvetica"];
diff --git a/spec/fixtures/documentation/graphviz/personal_information_wizard.dot b/spec/fixtures/documentation/graphviz/personal_information_wizard.dot
index 4427124..ec4b891 100644
--- a/spec/fixtures/documentation/graphviz/personal_information_wizard.dot
+++ b/spec/fixtures/documentation/graphviz/personal_information_wizard.dot
@@ -1,4 +1,4 @@
-digraph Personal information wizard {
+digraph Personal_information_wizard {
   rankdir=LR;
   bgcolor="#ffffff";
   node [shape=box, style="rounded,filled", fillcolor="#e8f4f8", fontname="Helvetica"];
diff --git a/spec/rails-dummy/public/doc/wizards/PersonalInformationWizard.svg b/spec/rails-dummy/public/doc/wizards/PersonalInformationWizard.svg
new file mode 100644
index 0000000..7cbbc0b
--- /dev/null
+++ b/spec/rails-dummy/public/doc/wizards/PersonalInformationWizard.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 13.0.1 (20250615.1724)
+ -->
+<!-- Title: Personal_information_wizard Pages: 1 -->
+<svg width="925pt" height="133pt"
+ viewBox="0.00 0.00 925.00 133.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 129)">
+<title>Personal_information_wizard</title>
+<polygon fill="#ffffff" stroke="none" points="-4,4 -4,-129 920.75,-129 920.75,4 -4,4"/>
+<!-- name_and_date_of_birth -->
+<g id="node1" class="node">
+<title>name_and_date_of_birth</title>
+<path fill="#e8f4f8" stroke="black" d="M151,-36C151,-36 12,-36 12,-36 6,-36 0,-30 0,-24 0,-24 0,-12 0,-12 0,-6 6,0 12,0 12,0 151,0 151,0 157,0 163,-6 163,-12 163,-12 163,-24 163,-24 163,-30 157,-36 151,-36"/>
+<text xml:space="preserve" text-anchor="middle" x="81.5" y="-12.2" font-family="Helvetica,sans-Serif" font-size="14.00">Name And Date Of Birth</text>
+</g>
+<!-- nationality -->
+<g id="node2" class="node">
+<title>nationality</title>
+<path fill="#e8f4f8" stroke="black" d="M267,-36C267,-36 212,-36 212,-36 206,-36 200,-30 200,-24 200,-24 200,-12 200,-12 200,-6 206,0 212,0 212,0 267,0 267,0 273,0 279,-6 279,-12 279,-12 279,-24 279,-24 279,-30 273,-36 267,-36"/>
+<text xml:space="preserve" text-anchor="middle" x="239.5" y="-12.2" font-family="Helvetica,sans-Serif" font-size="14.00">Nationality</text>
+</g>
+<!-- name_and_date_of_birth&#45;&gt;nationality -->
+<g id="edge1" class="edge">
+<title>name_and_date_of_birth&#45;&gt;nationality</title>
+<path fill="none" stroke="black" d="M163.24,-18C171.73,-18 180.18,-18 188.18,-18"/>
+<polygon fill="black" stroke="black" points="188.03,-21.5 198.03,-18 188.03,-14.5 188.03,-21.5"/>
+</g>
+<!-- right_to_work_or_study -->
+<g id="node3" class="node">
+<title>right_to_work_or_study</title>
+<path fill="#e8f4f8" stroke="black" d="M539.5,-66C539.5,-66 405,-66 405,-66 399,-66 393,-60 393,-54 393,-54 393,-42 393,-42 393,-36 399,-30 405,-30 405,-30 539.5,-30 539.5,-30 545.5,-30 551.5,-36 551.5,-42 551.5,-42 551.5,-54 551.5,-54 551.5,-60 545.5,-66 539.5,-66"/>
+<text xml:space="preserve" text-anchor="middle" x="472.25" y="-42.2" font-family="Helvetica,sans-Serif" font-size="14.00">Right To Work Or Study</text>
+</g>
+<!-- nationality&#45;&gt;right_to_work_or_study -->
+<g id="edge3" class="edge">
+<title>nationality&#45;&gt;right_to_work_or_study</title>
+<path fill="none" stroke="blue" stroke-dasharray="5,2" d="M279.38,-23.06C307.31,-26.69 346.13,-31.73 381.55,-36.34"/>
+<polygon fill="blue" stroke="blue" points="381.04,-39.8 391.41,-37.62 381.94,-32.86 381.04,-39.8"/>
+<text xml:space="preserve" text-anchor="middle" x="336" y="-47.8" font-family="Helvetica,sans-Serif" font-size="10.00">Non&#45;UK/Non&#45;Irish</text>
+<text xml:space="preserve" text-anchor="middle" x="336" y="-36.55" font-family="Helvetica,sans-Serif" font-size="10.00">yes</text>
+</g>
+<!-- review -->
+<g id="node5" class="node">
+<title>review</title>
+<path fill="#e8f4f8" stroke="black" d="M904.75,-66C904.75,-66 868.5,-66 868.5,-66 862.5,-66 856.5,-60 856.5,-54 856.5,-54 856.5,-42 856.5,-42 856.5,-36 862.5,-30 868.5,-30 868.5,-30 904.75,-30 904.75,-30 910.75,-30 916.75,-36 916.75,-42 916.75,-42 916.75,-54 916.75,-54 916.75,-60 910.75,-66 904.75,-66"/>
+<text xml:space="preserve" text-anchor="middle" x="886.62" y="-42.2" font-family="Helvetica,sans-Serif" font-size="14.00">Review</text>
+</g>
+<!-- nationality&#45;&gt;review -->
+<g id="edge4" class="edge">
+<title>nationality&#45;&gt;review</title>
+<path fill="none" stroke="blue" stroke-dasharray="5,2" d="M279.48,-16.82C355.16,-14.86 527.2,-12.02 671.5,-21.5 732.27,-25.49 802.22,-35.1 845.18,-41.59"/>
+<polygon fill="blue" stroke="blue" points="844.38,-45 854.79,-43.05 845.43,-38.08 844.38,-45"/>
+<text xml:space="preserve" text-anchor="middle" x="620.5" y="-34.5" font-family="Helvetica,sans-Serif" font-size="10.00">Non&#45;UK/Non&#45;Irish</text>
+<text xml:space="preserve" text-anchor="middle" x="620.5" y="-23.25" font-family="Helvetica,sans-Serif" font-size="10.00">no</text>
+</g>
+<!-- immigration_status -->
+<g id="node4" class="node">
+<title>immigration_status</title>
+<path fill="#e8f4f8" stroke="black" d="M807.5,-125C807.5,-125 701.5,-125 701.5,-125 695.5,-125 689.5,-119 689.5,-113 689.5,-113 689.5,-101 689.5,-101 689.5,-95 695.5,-89 701.5,-89 701.5,-89 807.5,-89 807.5,-89 813.5,-89 819.5,-95 819.5,-101 819.5,-101 819.5,-113 819.5,-113 819.5,-119 813.5,-125 807.5,-125"/>
+<text xml:space="preserve" text-anchor="middle" x="754.5" y="-101.2" font-family="Helvetica,sans-Serif" font-size="14.00">Immigration Status</text>
+</g>
+<!-- right_to_work_or_study&#45;&gt;immigration_status -->
+<g id="edge5" class="edge">
+<title>right_to_work_or_study&#45;&gt;immigration_status</title>
+<path fill="none" stroke="blue" stroke-dasharray="5,2" d="M551.69,-64.51C591.27,-72.85 639.06,-82.91 678.19,-91.15"/>
+<polygon fill="blue" stroke="blue" points="677.26,-94.53 687.77,-93.16 678.71,-87.68 677.26,-94.53"/>
+<text xml:space="preserve" text-anchor="middle" x="620.5" y="-102.57" font-family="Helvetica,sans-Serif" font-size="10.00">Right to work or study?</text>
+<text xml:space="preserve" text-anchor="middle" x="620.5" y="-91.32" font-family="Helvetica,sans-Serif" font-size="10.00">yes</text>
+</g>
+<!-- right_to_work_or_study&#45;&gt;review -->
+<g id="edge6" class="edge">
+<title>right_to_work_or_study&#45;&gt;review</title>
+<path fill="none" stroke="blue" stroke-dasharray="5,2" d="M551.79,-48C639.08,-48 776.71,-48 844.75,-48"/>
+<polygon fill="blue" stroke="blue" points="844.72,-51.5 854.72,-48 844.72,-44.5 844.72,-51.5"/>
+<text xml:space="preserve" text-anchor="middle" x="754.5" y="-61" font-family="Helvetica,sans-Serif" font-size="10.00">Right to work or study?</text>
+<text xml:space="preserve" text-anchor="middle" x="754.5" y="-49.75" font-family="Helvetica,sans-Serif" font-size="10.00">no</text>
+</g>
+<!-- immigration_status&#45;&gt;review -->
+<g id="edge2" class="edge">
+<title>immigration_status&#45;&gt;review</title>
+<path fill="none" stroke="black" d="M795.96,-88.66C811.99,-81.39 830.37,-73.05 846.29,-65.84"/>
+<polygon fill="black" stroke="black" points="847.31,-69.22 854.97,-61.9 844.42,-62.84 847.31,-69.22"/>
+</g>
+</g>
+</svg>