Fix types in QuestionGroupChart component

.gitignore

@@ -12,6 +12,12 @@ dist
 dist-ssr
 *.local
 
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional eslint cache
+.eslintcache
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json

src/App.tsx

@@ -35,7 +35,7 @@ function App() {
 
   // Create scales
   const xScale = d3
-    .scaleBand()
+    .scaleBand<number>()
     .domain(sortedResponses)
     .range([0, sortedResponses.length * config.groupSpacing]);
   return (

src/components/QuestionGroupChart.tsx

@@ -10,9 +10,9 @@ import "./Chart.css";
 interface QuestionGroupChartProps {
   question: string;
   metadata?: CategoryMetadata;
-  groupData: { response: string }[];
+  groupData: { response: number }[];
-  responses: string[];
+  responses: number[];
-  xScale: d3.ScaleBand<string>;
+  xScale: d3.ScaleBand<number>;
 }
 
 function makeDot(