Fixed the issue found in the pie chart legend.

Author: Robert Crocker

src/App.tsx

@@ -26,7 +26,7 @@ function App() {
     <Container className="app">
       <GlobalStyle />
       <PieChart
-        data={coffee_shop}
+        data={coffee_shop.reverse()}
         label="product"
         value="sales"
         outerRadius={300}

src/charts/PieChart/PieChart.tsx

@@ -127,7 +127,7 @@ export default function PieChart({
 
   const discreteColors = Math.min(keys.length, 9);
   const computedScheme = d3[`${colorScheme}`][discreteColors];
-  const colorScale = d3.scaleOrdinal(computedScheme);
+  const colorScale = d3.scaleOrdinal(Array.from(computedScheme).reverse());
   colorScale.domain(keys);
 
   // ********************