Updated the pie color again to reflect to correct colors based on sorted data.

Author: Robert Crocker

src/App.tsx

@@ -17,7 +17,7 @@ function App() {
     <Container className="app">
       <PieChart
         theme="dark"
-        data={fruit}
+        data={fruit.sort((a, b) => a.value - b.value)}
         label="label"
         value="value"
         legend="top-left"

src/charts/LineChart/LineChart.tsx

@@ -159,14 +159,6 @@ export default function LineChart({
   // ********************
 
   const numberOfKeys = Array.from(keys).length;
-  // let discreteColors = 0;
-  // let computedScheme: string[];
-  // if (numberOfKeys > 3) {
-  //   discreteColors = Math.min(Array.from(keys).length, 9);
-  //   computedScheme = d3[`${colorScheme}`][discreteColors];
-  // } else {
-
-  // }
   const discreteColors =
     numberOfKeys < 4 ? 3 : Math.min(Array.from(keys).length, 9);
   const computedScheme = Array.from(

src/charts/PieChart/PieChart.tsx

@@ -148,9 +148,7 @@ export default function PieChart({
   const numberOfKeys = Array.from(keys).length;
   const discreteColors =
     numberOfKeys < 4 ? 3 : Math.min(Array.from(keys).length, 9);
-  const computedScheme = Array.from(
-    d3[`${colorScheme}`][discreteColors]
-  ).reverse();
+  const computedScheme = d3[`${colorScheme}`][discreteColors];
   const colorScale = d3.scaleOrdinal(computedScheme);
   colorScale.domain(keys);