diff --git a/data/mouse.html b/data/mouse.html
index 4703e67..2cdaaa2 100644
--- a/data/mouse.html
+++ b/data/mouse.html
@@ -30,11 +30,26 @@
     <div id="speedometer">
       <!-- Inline SVG for speedometer -->
       <svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
-        <image href="img/Speed.png" x="0" y="0" width="300" height="200"/>
+        
+        <circle cx="150" cy="120" r="120" fill="black" />
+
+        <!-- <image href="img/Speed.png" x="0" y="0" width="300" height="200"/> -->
+        <g id="ticks" stroke="white" stroke-width="3" stroke-linecap="round" transform="rotate(-90 150 120)">
+          <line x1="120" y1="68.038" x2="110" y2="50.718" />
+          <line x1="143.728" y1="60.329" x2="141.638" y2="40.438" />
+          <line x1="168.541" y1="62.936" x2="174.721" y2="43.915" />
+          <line x1="190.148" y1="75.411" x2="203.531" y2="60.548" />
+          <line x1="204.813" y1="95.596" x2="223.084" y2="87.461" />
+          <line x1="210" y1="120" x2="230" y2="120" />
+          <line x1="204.813" y1="144.404" x2="223.084" y2="152.539" />
+          <line x1="190.148" y1="164.589" x2="203.531" y2="179.452" />
+          <line x1="168.541" y1="177.064" x2="174.721" y2="196.085" />
+          <line x1="143.728" y1="179.671" x2="141.638" y2="199.562" />
+          <line x1="120" y1="171.962" x2="110" y2="189.282" />
+        </g>
+        
         <line id="needle" x1="150" y1="120" x2="150" y2="70" stroke="#e74c3c" stroke-width="6" stroke-linecap="round" />
-        <text id="kmText" x="280" y="160" font-size="20" text-anchor="end" fill="#333">
-          0 
-        </text>
+        <text id="TotalKm" x="190" y="190" font-size="20" text-anchor="end" fill="#AAA">0.0</text>
       </svg>
     </div>
     <div style="text-align:center; margin-top:20px;">