diff --git a/index.html b/index.html
index 0ee1094..7e9d3d0 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
 
   <title>Superstore Landing Page</title>
 
-  <!-- Favicons -->
+  <!-- Faviconsssssssss -->
   <link href="img/favicon.ico" rel="icon">
 
   <!-- Google Fonts -->
diff --git a/js/card.js b/js/card.js
index 20a55b6..b5cea33 100644
--- a/js/card.js
+++ b/js/card.js
@@ -11,11 +11,11 @@ fetch('superstore.json')
 
     // Menghitung total order
     const totalOrders = data.length;
-    document.getElementById('totalOrders').textContent = `${totalOrders} rb`;
+    document.getElementById('totalOrders').textContent = `${totalOrders} `;
 
     // Menghitung unit terjual
     const unitsSold = data.reduce((sum, order) => sum + order['Quantity'], 0);
-    document.getElementById('unitsSold').textContent = `${unitsSold.toFixed(1)} rb`;
+    document.getElementById('unitsSold').textContent = `${unitsSold.toFixed(1)} `;
 
     // Menghitung jumlah customer
     const totalCustomers = new Set(data.map(order => order['Customer ID'])).size;
diff --git a/js/chart.js b/js/chart.js
index 484cd5f..a8c5c44 100644
--- a/js/chart.js
+++ b/js/chart.js
@@ -59,13 +59,13 @@ fetch('superstore.json')
 fetch('superstore.json')
   .then(response => response.json())
   .then(data => {
-    var regions = ["200", "400", "600", "800"];
+    var regions = ["West", "South", "East", "Central"];
     var technologyData = [];
     var furnitureData = [];
     var officeSuppliesData = [];
 
     regions.forEach(region => {
-      var filteredData = data.filter(item => item["Postal Code"] >= parseInt(region) && item["Postal Code"] < parseInt(region) + 200);
+      var filteredData = data.filter(item => item.Region === region);
       var technologySales = filteredData.filter(item => item.Category === "Technology").reduce((sum, item) => sum + item.Sales, 0);
       var furnitureSales = filteredData.filter(item => item.Category === "Furniture").reduce((sum, item) => sum + item.Sales, 0);
       var officeSuppliesSales = filteredData.filter(item => item.Category === "Office Supplies").reduce((sum, item) => sum + item.Sales, 0);
@@ -78,22 +78,16 @@ fetch('superstore.json')
       labels: regions,
       datasets: [{
         label: "Technology",
-        borderColor: "#5CB3FF",
         backgroundColor: "#5CB3FF",
-        data: technologyData,
-        fill: false
+        data: technologyData
       }, {
         label: "Furniture",
-        borderColor: "#79BAEC",
         backgroundColor: "#79BAEC",
-        data: furnitureData,
-        fill: false
+        data: furnitureData
       }, {
         label: "Office Supplies",
-        borderColor: "#82CAFF",
         backgroundColor: "#82CAFF",
-        data: officeSuppliesData,
-        fill: false
+        data: officeSuppliesData
       }]
     };
 
@@ -103,18 +97,21 @@ fetch('superstore.json')
         display: true,
         text: 'Top Sales by Region/Category'
       },
-      scales: {
-        yAxes: [{
-          ticks: {
-            beginAtZero: true
-          }
-        }]
+      scale: {
+        ticks: {
+          beginAtZero: true
+        },
+        reverse: false
+      },
+      animation: {
+        animateRotate: false,
+        animateScale: true
       }
     };
 
     var ctx2 = document.getElementById('myChart2').getContext('2d');
     var myChart2 = new Chart(ctx2, {
-      type: 'bar',
+      type: 'polarArea',
       data: data2,
       options: options2
     });
@@ -123,6 +120,8 @@ fetch('superstore.json')
     console.error('Error fetching JSON data:', error);
   });
 
+
+
 // Chart 3
 fetch('superstore.json')
   .then(response => response.json())