From f7570480cd58a51d51c9565a8ecccc4fb70b0460 Mon Sep 17 00:00:00 2001
From: Alex Garcia <gamaware@gmail.com>
Date: Mon, 13 Apr 2026 21:55:56 -0600
Subject: [PATCH] fix: draw replication line horizontally between Primary and
 Replica

---
 10-databases/visualizer/index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/10-databases/visualizer/index.html b/10-databases/visualizer/index.html
index 0a98130..d33b9f0 100644
--- a/10-databases/visualizer/index.html
+++ b/10-databases/visualizer/index.html
@@ -51,8 +51,9 @@
             <!-- Connection lines -->
             <line x1="230" y1="130" x2="370" y2="130" stroke="#334155" stroke-width="2" />
             <line x1="530" y1="130" x2="670" y2="130" stroke="#334155" stroke-width="2" />
-            <line x1="450" y1="200" x2="450" y2="260" stroke="#334155" stroke-width="2" stroke-dasharray="6 4" />
-            <text x="460" y="235" fill="#94a3b8" font-size="10" font-family="monospace">replication</text>
+            <!-- Replication line (Primary -> Replica, dashed) -->
+            <line x1="520" y1="210" x2="670" y2="210" stroke="#334155" stroke-width="2" stroke-dasharray="6 4" />
+            <text x="595" y="225" text-anchor="middle" fill="#94a3b8" font-size="10" font-family="monospace">replication</text>
 
             <!-- Animated arrows -->
             <line id="arrow-app-primary" class="arrow" x1="230" y1="120" x2="370" y2="120"