Update FreeTacMan page

wly-Lilie · wly-Lilie · commit 69050cdab1a6 · 2025-09-24T13:30:40.000+08:00
diff --git a/app/(default)/(project)/FreeTacMan/page.tsx b/app/(default)/(project)/FreeTacMan/page.tsx
diff --git a/components/project/freetacman/chart/policy-rollouts-average.tsx b/components/project/freetacman/chart/policy-rollouts-average.tsx
@@ -42,15 +42,15 @@ const chartConfig = {
     color: "#98AEF3",
   },
   2: {
-    label: "Texture Cls.",
+    label: "Calligraphy",
     color: "#174BE5",
   },
   3: {
-    label: "Stamp Press",
+    label: "Texture Cls.",
     color: "#4CAF50",
   },
   4: {
-    label: "Calligraphy",
+    label: "Stamp Press",
     color: "#FFC107",
   },
   5: {
diff --git a/components/project/freetacman/chart/user-study-1.tsx b/components/project/freetacman/chart/user-study-1.tsx
@@ -17,11 +17,8 @@ import {
   ChartTooltip,
   ChartTooltipContent,
 } from "@/components/project/freetacman/ui/chart"
-const chartData = [
-  { browser: "1", visitors: 0.044, fill: "var(--color-1)" },
-  { browser: "2", visitors: 0.235, fill: "var(--color-2)" },
-  { browser: "3", visitors: 0.286, fill: "var(--color-3)" },
-]
+import { getUserStudySingleData } from "@/data/user-study"
+const chartData = getUserStudySingleData("1")
 
 const chartConfig = {
   visitors: {
diff --git a/components/project/freetacman/chart/user-study-2.tsx b/components/project/freetacman/chart/user-study-2.tsx
@@ -17,11 +17,8 @@ import {
   ChartTooltip,
   ChartTooltipContent,
 } from "@/components/project/freetacman/ui/chart"
-const chartData = [
-  { browser: "1", visitors: 0.048, fill: "var(--color-1)" },
-  { browser: "2", visitors: 0.030, fill: "var(--color-2)" },
-  { browser: "3", visitors: 0.227, fill: "var(--color-3)" },
-]
+import { getUserStudySingleData } from "@/data/user-study"
+const chartData = getUserStudySingleData("2")
 
 const chartConfig = {
   visitors: {
diff --git a/components/project/freetacman/chart/user-study-3.tsx b/components/project/freetacman/chart/user-study-3.tsx
@@ -17,11 +17,8 @@ import {
   ChartTooltip,
   ChartTooltipContent,
 } from "@/components/project/freetacman/ui/chart"
-const chartData = [
-  { browser: "1", visitors: 0.049, fill: "var(--color-1)" },
-  { browser: "2", visitors: 0.306, fill: "var(--color-2)" },
-  { browser: "3", visitors: 0.317, fill: "var(--color-3)" },
-]
+import { getUserStudySingleData } from "@/data/user-study"
+const chartData = getUserStudySingleData("3")
 
 const chartConfig = {
   visitors: {
diff --git a/components/project/freetacman/chart/user-study-4.tsx b/components/project/freetacman/chart/user-study-4.tsx
@@ -17,11 +17,8 @@ import {
   ChartTooltip,
   ChartTooltipContent,
 } from "@/components/project/freetacman/ui/chart"
-const chartData = [
-  { browser: "1", visitors: 0.090, fill: "var(--color-1)" },
-  { browser: "2", visitors: 0.123, fill: "var(--color-2)" },
-  { browser: "3", visitors: 0.350, fill: "var(--color-3)" },
-]
+import { getUserStudySingleData } from "@/data/user-study"
+const chartData = getUserStudySingleData("4")
 
 const chartConfig = {
   visitors: {
diff --git a/components/project/freetacman/chart/user-study-5.tsx b/components/project/freetacman/chart/user-study-5.tsx
@@ -17,11 +17,9 @@ import {
   ChartTooltip,
   ChartTooltipContent,
 } from "@/components/project/freetacman/ui/chart"
-const chartData = [
-  { browser: "1", visitors: 0.046, fill: "var(--color-1)" },
-  { browser: "2", visitors: 0.212, fill: "var(--color-2)" },
-  { browser: "3", visitors: 0.254, fill: "var(--color-3)" },
-]
+import { getUserStudySingleData } from "@/data/user-study"
+
+const chartData = getUserStudySingleData("5")
 
 const chartConfig = {
   visitors: {
diff --git a/components/project/freetacman/chart/user-study-6.tsx b/components/project/freetacman/chart/user-study-6.tsx
@@ -17,11 +17,9 @@ import {
   ChartTooltip,
   ChartTooltipContent,
 } from "@/components/project/freetacman/ui/chart"
-const chartData = [
-  { browser: "1", visitors: 0.065, fill: "var(--color-1)" },
-  { browser: "2", visitors: 0.031, fill: "var(--color-2)" },
-  { browser: "3", visitors: 0.175, fill: "var(--color-3)" },
-]
+import { getUserStudySingleData } from "@/data/user-study"
+
+const chartData = getUserStudySingleData("6")
 
 const chartConfig = {
   visitors: {
diff --git a/components/project/freetacman/chart/user-study-7.tsx b/components/project/freetacman/chart/user-study-7.tsx
@@ -17,11 +17,9 @@ import {
   ChartTooltip,
   ChartTooltipContent,
 } from "@/components/project/freetacman/ui/chart"
-const chartData = [
-  { browser: "1", visitors: 0.135, fill: "var(--color-1)" },
-  { browser: "2", visitors: 0.284, fill: "var(--color-2)" },
-  { browser: "3", visitors: 0.410, fill: "var(--color-3)" },
-]
+import { getUserStudySingleData } from "@/data/user-study"
+
+const chartData = getUserStudySingleData("7")
 
 const chartConfig = {
   visitors: {
diff --git a/components/project/freetacman/chart/user-study-8.tsx b/components/project/freetacman/chart/user-study-8.tsx
@@ -17,11 +17,9 @@ import {
   ChartTooltip,
   ChartTooltipContent,
 } from "@/components/project/freetacman/ui/chart"
-const chartData = [
-  { browser: "1", visitors: 0.041, fill: "var(--color-1)" },
-  { browser: "2", visitors: 0.246, fill: "var(--color-2)" },
-  { browser: "3", visitors: 0.262, fill: "var(--color-3)" },
-]
+import { getUserStudySingleData } from "@/data/user-study"
+
+const chartData = getUserStudySingleData("8")
 
 const chartConfig = {
   visitors: {
diff --git a/components/project/freetacman/chart/user-study-average.tsx b/components/project/freetacman/chart/user-study-average.tsx
@@ -18,17 +18,7 @@ import {
   ChartTooltipContent,
 } from "@/components/project/freetacman/ui/chart"
 
-const chartData = [
-  { category: "1", value1: 0.044, value2: 0.235 , value3: 0.286 , fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
-  { category: "2", value1: 0.048 , value2: 0.030 , value3: 0.227 , fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
-  { category: "3", value1: 0.049 , value2: 0.306 , value3: 0.317 , fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
-  { category: "4", value1: 0.090 , value2: 0.123 , value3: 0.350 , fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
-  { category: "5", value1: 0.046 , value2: 0.212 , value3: 0.254 , fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
-  { category: "6", value1: 0.065 , value2: 0.031 , value3: 0.175 , fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
-  { category: "7", value1: 0.135  , value2: 0.284  , value3: 0.410 , fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
-  { category: "8", value1: 0.041 , value2: 0.246 , value3: 0.262 , fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
-  { category: "9", value1: 0.065 , value2: 0.183 , value3: 0.285 , fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
-]
+import { userStudyAverageData as chartData } from "@/data/user-study"
 
 const chartConfig = {
   value1: {
@@ -60,19 +50,19 @@ const chartConfig = {
     label: "Calligraphy",
     color: "#FFC107",
   },
+  // 6: {
+  //   label: "Toothpaste Extrusion",
+  //   color: "#FF5722",
+  // },
+  // 7: {
+  //   label: "Tissue Grasping",
+  //   color: "#FF5722",
+  // },
+  // 8: {
+  //   label: "Chip Grasping",
+  //   color: "#FF5722",
+  // },
   6: {
-    label: "Toothpaste Extrusion",
-    color: "#FF5722",
-  },
-  7: {
-    label: "Tissue Grasping",
-    color: "#FF5722",
-  },
-  8: {
-    label: "Chip Grasping",
-    color: "#FF5722",
-  },
-  9: {
     label: "Avg.",
     color: "#9C27B0",
   },
diff --git a/data/user-study.ts b/data/user-study.ts
@@ -0,0 +1,39 @@
+// Shared data for user study charts
+
+export type UserStudyAverageRecord = {
+  category: string;
+  value1: number;
+  value2: number;
+  value3: number;
+  fill1: string;
+  fill2: string;
+  fill3: string;
+};
+
+export const userStudyAverageData: UserStudyAverageRecord[] = [
+  { category: "1", value1: 0.047, value2: 0.239, value3: 0.285, fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
+  { category: "2", value1: 0.048, value2: 0.040, value3: 0.229, fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
+  { category: "3", value1: 0.049, value2: 0.306, value3: 0.317, fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
+  { category: "4", value1: 0.096, value2: 0.142, value3: 0.336, fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
+  { category: "5", value1: 0.037, value2: 0.199, value3: 0.240, fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
+  { category: "6", value1: 0.055, value2: 0.222, value3: 0.281, fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
+  // { category: "7", value1: 0.135, value2: 0.284, value3: 0.410, fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
+  // { category: "8", value1: 0.041, value2: 0.246, value3: 0.262, fill1: "var(--color-1)", fill2: "var(--color-2)", fill3: "var(--color-3)" },
+];
+
+export type UserStudySingleRecord = { browser: string; visitors: number; fill: string };
+
+export function getUserStudySingleData(category: string): UserStudySingleRecord[] {
+  const rec = userStudyAverageData.find((r) => r.category === category);
+  if (!rec) return [];
+  return [
+    { browser: "1", visitors: rec.value1, fill: rec.fill1 },
+    { browser: "2", visitors: rec.value2, fill: rec.fill2 },
+    { browser: "3", visitors: rec.value3, fill: rec.fill3 },
+  ];
+}
+
+
+
+
+
