Reordered charts for nicer UX

Author: ThatSINEWAVE

docs/index.html

@@ -125,17 +125,17 @@ <h3 class="text-gray-500 text-sm font-medium">Most Targeted Platform</h3>
         <!-- Charts Row -->
         <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
           <div class="bg-white p-4 rounded-lg shadow">
-            <h2 class="text-lg font-semibold mb-4">Attacks Over Time</h2>
-            <p>Hover over a point to see exact data</p>
+            <h2 class="text-lg font-semibold mb-4">Attack Methods Distribution</h2>
+            <p>Click any datapoint to switch views</p>
             <div class="chart-container">
-              <canvas id="timelineChart"></canvas>
+              <canvas id="methodsChart"></canvas>
             </div>
           </div>
           <div class="bg-white p-4 rounded-lg shadow">
-            <h2 class="text-lg font-semibold mb-4">Attack Methods Distribution</h2>
-            <p>Click any datapoint to switch views</p>
+            <h2 class="text-lg font-semibold mb-4">Attacks Over Time</h2>
+            <p>Hover over a point to see exact data</p>
             <div class="chart-container">
-              <canvas id="methodsChart"></canvas>
+              <canvas id="timelineChart"></canvas>
             </div>
           </div>
         </div>