@orbcharts/core 4.0.0-alpha.0 → 4.0.0-beta.0

package/src/test/createGraphData.test.ts

@@ -1,103 +1,103 @@
-import { createGraphData } from '../chart/createGraphData'
-import type { RawDataColumn, Encoding, Theme } from '../types'
-
-// 測試資料：包含 nodes 和 edges
-const testRawData: RawDataColumn[] = [
-  // Nodes
-  { id: 'node1', name: 'Node 1', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 10 },
-  { id: 'node2', name: 'Node 2', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 20 },
-  { id: 'node3', name: 'Node 3', dataset: 'dataset1', series: 'series2', category: 'cat1', value: 15 },
-  { id: 'node4', name: 'Node 4', dataset: 'dataset1', series: 'series2', category: 'cat2', value: 25 },
-  
-  // Edges
-  { id: 'edge1', name: 'Edge 1', source: 'node1', target: 'node2', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 5 },
-  { id: 'edge2', name: 'Edge 2', source: 'node2', target: 'node3', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 8 },
-  { id: 'edge3', name: 'Edge 3', source: 'node3', target: 'node4', dataset: 'dataset1', series: 'series2', category: 'cat1', value: 12 },
-]
-
-const testEncoding: Encoding = {
-  dataset: { from: 'dataset', sort: 'original' },
-  series: { from: 'series', sort: 'original' },
-  category: { from: 'category', sort: 'original' },
-  value: { from: 'value', sort: 'original', aggregate: 'none' },
-  multivariate: [],
-  color: { from: 'category' }
-}
-
-const testTheme: Theme = {
-  colorScheme: 'light',
-  colors: {
-    light: {
-      data: ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'],
-      primary: '#000000',
-      secondary: '#666666',
-      dataContrast: ['#ffffff', '#000000'],
-      background: '#ffffff'
-    },
-    dark: {
-      data: ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'],
-      primary: '#ffffff',
-      secondary: '#999999',
-      dataContrast: ['#000000', '#ffffff'],
-      background: '#000000'
-    }
-  },
-  fontSize: 12
-}
-
-// 測試基本功能
-console.log('=== Test createGraphData ===')
-
-const result = createGraphData(testRawData, testEncoding, testTheme)
-console.log('Result length:', result.length)
-console.log('First dataset nodes:', result[0]?.nodes.length)
-console.log('First dataset edges:', result[0]?.edges.length)
-
-// 檢查 nodes 結構
-console.log('\n=== Nodes Structure ===')
-result[0]?.nodes.forEach((node, i) => {
-  console.log(`Node ${i}:`, {
-    id: node.id,
-    name: node.name,
-    series: node.series,
-    category: node.category,
-    value: node.value,
-    index: node.index
-  })
-})
-
-// 檢查 edges 結構
-console.log('\n=== Edges Structure ===')
-result[0]?.edges.forEach((edge, i) => {
-  console.log(`Edge ${i}:`, {
-    id: edge.id,
-    name: edge.name,
-    source: edge.source,
-    target: edge.target,
-    sourceIndex: edge.sourceIndex,
-    targetIndex: edge.targetIndex,
-    value: edge.value
-  })
-})
-
-// 測試聚合功能
-console.log('\n=== Test Aggregation ===')
-const aggregateEncoding: Encoding = {
-  ...testEncoding,
-  value: { from: 'value', sort: 'original', aggregate: 'sum' }
-}
-
-const aggregatedResult = createGraphData(testRawData, aggregateEncoding, testTheme)
-console.log('Aggregated nodes count:', aggregatedResult[0]?.nodes.length)
-console.log('Aggregated edges count:', aggregatedResult[0]?.edges.length)
-
-console.log('\nAggregated nodes:')
-aggregatedResult[0]?.nodes.forEach((node, i) => {
-  console.log(`Node ${i}:`, {
-    id: node.id,
-    name: node.name,
-    series: node.series,
-    category: node.category,
-    value: node.value
-  })
-})
+import { createGraphData } from '../chart/createGraphData'
+import type { RawDataColumn, Encoding, Theme } from '../types'
+
+// 測試資料：包含 nodes 和 edges
+const testRawData: RawDataColumn[] = [
+  // Nodes
+  { id: 'node1', name: 'Node 1', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 10 },
+  { id: 'node2', name: 'Node 2', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 20 },
+  { id: 'node3', name: 'Node 3', dataset: 'dataset1', series: 'series2', category: 'cat1', value: 15 },
+  { id: 'node4', name: 'Node 4', dataset: 'dataset1', series: 'series2', category: 'cat2', value: 25 },
+  
+  // Edges
+  { id: 'edge1', name: 'Edge 1', source: 'node1', target: 'node2', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 5 },
+  { id: 'edge2', name: 'Edge 2', source: 'node2', target: 'node3', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 8 },
+  { id: 'edge3', name: 'Edge 3', source: 'node3', target: 'node4', dataset: 'dataset1', series: 'series2', category: 'cat1', value: 12 },
+]
+
+const testEncoding: Encoding = {
+  dataset: { from: 'dataset', sort: 'original' },
+  series: { from: 'series', sort: 'original' },
+  category: { from: 'category', sort: 'original' },
+  value: { from: 'value', sort: 'original', aggregate: 'none' },
+  multivariate: [],
+  color: { from: 'category' }
+}
+
+const testTheme: Theme = {
+  colorScheme: 'light',
+  colors: {
+    light: {
+      data: ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'],
+      primary: '#000000',
+      secondary: '#666666',
+      dataContrast: ['#ffffff', '#000000'],
+      background: '#ffffff'
+    },
+    dark: {
+      data: ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'],
+      primary: '#ffffff',
+      secondary: '#999999',
+      dataContrast: ['#000000', '#ffffff'],
+      background: '#000000'
+    }
+  },
+  fontSize: 12
+}
+
+// 測試基本功能
+console.log('=== Test createGraphData ===')
+
+const result = createGraphData(testRawData, testEncoding, testTheme)
+console.log('Result length:', result.length)
+console.log('First dataset nodes:', result[0]?.nodes.length)
+console.log('First dataset edges:', result[0]?.edges.length)
+
+// 檢查 nodes 結構
+console.log('\n=== Nodes Structure ===')
+result[0]?.nodes.forEach((node, i) => {
+  console.log(`Node ${i}:`, {
+    id: node.id,
+    name: node.name,
+    series: node.series,
+    category: node.category,
+    value: node.value,
+    index: node.index
+  })
+})
+
+// 檢查 edges 結構
+console.log('\n=== Edges Structure ===')
+result[0]?.edges.forEach((edge, i) => {
+  console.log(`Edge ${i}:`, {
+    id: edge.id,
+    name: edge.name,
+    source: edge.source,
+    target: edge.target,
+    sourceIndex: edge.sourceIndex,
+    targetIndex: edge.targetIndex,
+    value: edge.value
+  })
+})
+
+// 測試聚合功能
+console.log('\n=== Test Aggregation ===')
+const aggregateEncoding: Encoding = {
+  ...testEncoding,
+  value: { from: 'value', sort: 'original', aggregate: 'sum' }
+}
+
+const aggregatedResult = createGraphData(testRawData, aggregateEncoding, testTheme)
+console.log('Aggregated nodes count:', aggregatedResult[0]?.nodes.length)
+console.log('Aggregated edges count:', aggregatedResult[0]?.edges.length)
+
+console.log('\nAggregated nodes:')
+aggregatedResult[0]?.nodes.forEach((node, i) => {
+  console.log(`Node ${i}:`, {
+    id: node.id,
+    name: node.name,
+    series: node.series,
+    category: node.category,
+    value: node.value
+  })
+})

package/src/test/createTreeData.test.ts

@@ -1,97 +1,97 @@
-import { createTreeData } from '../chart/createTreeData'
-import type { RawDataColumn, Encoding, Theme } from '../types'
-
-// 測試資料：樹狀結構
-const testRawData: RawDataColumn[] = [
-  // 根節點
-  { id: 'root', name: 'Root Node', parent: null, dataset: 'dataset1', series: 'series1', category: 'cat1', value: 100 },
-  
-  // 第一層子節點
-  { id: 'child1', name: 'Child 1', parent: 'root', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 40 },
-  { id: 'child2', name: 'Child 2', parent: 'root', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 60 },
-  
-  // 第二層子節點
-  { id: 'grandchild1', name: 'Grandchild 1', parent: 'child1', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 20 },
-  { id: 'grandchild2', name: 'Grandchild 2', parent: 'child1', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 20 },
-  { id: 'grandchild3', name: 'Grandchild 3', parent: 'child2', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 30 },
-  { id: 'grandchild4', name: 'Grandchild 4', parent: 'child2', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 30 },
-  
-  // 第二個 series 的資料
-  { id: 'root2', name: 'Root Node 2', parent: null, dataset: 'dataset1', series: 'series2', category: 'cat1', value: 80 },
-  { id: 'child3', name: 'Child 3', parent: 'root2', dataset: 'dataset1', series: 'series2', category: 'cat1', value: 80 },
-]
-
-const testEncoding: Encoding = {
-  dataset: { from: 'dataset', sort: 'original' },
-  series: { from: 'series', sort: 'original' },
-  category: { from: 'category', sort: 'original' },
-  value: { from: 'value', sort: 'original', aggregate: 'none' },
-  multivariate: [],
-  color: { from: 'category' }
-}
-
-const testTheme: Theme = {
-  colorScheme: 'light',
-  colors: {
-    light: {
-      data: ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'],
-      primary: '#000000',
-      secondary: '#666666',
-      dataContrast: ['#ffffff', '#000000'],
-      background: '#ffffff'
-    },
-    dark: {
-      data: ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'],
-      primary: '#ffffff',
-      secondary: '#999999',
-      dataContrast: ['#000000', '#ffffff'],
-      background: '#000000'
-    }
-  },
-  fontSize: 12
-}
-
-// 遞迴列印樹狀結構的函數
-function printTree(node: any, indent: string = ''): void {
-  console.log(`${indent}${node.name} (id: ${node.id}, depth: ${node.depth}, seq: ${node.seq}, value: ${node.value}, parent: ${node.parent})`)
-  if (node.children && node.children.length > 0) {
-    node.children.forEach((child: any) => {
-      printTree(child, indent + '  ')
-    })
-  }
-}
-
-// 測試基本功能
-console.log('=== Test createTreeData ===')
-
-const result = createTreeData(testRawData, testEncoding, testTheme)
-console.log('Result length:', result.length)
-
-// 列印每個樹的結構
-result.forEach((tree, index) => {
-  console.log(`\n=== Tree ${index + 1} (Series: ${tree.series}) ===`)
-  printTree(tree)
-})
-
-// 測試聚合功能
-console.log('\n=== Test Aggregation ===')
-
-// 建立有重複 id 的測試資料
-const duplicateRawData: RawDataColumn[] = [
-  { id: 'root', name: 'Root Node', parent: null, dataset: 'dataset1', series: 'series1', category: 'cat1', value: 50 },
-  { id: 'root', name: 'Root Node', parent: null, dataset: 'dataset1', series: 'series1', category: 'cat1', value: 50 }, // 重複
-  { id: 'child1', name: 'Child 1', parent: 'root', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 20 },
-  { id: 'child1', name: 'Child 1', parent: 'root', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 30 }, // 重複
-]
-
-const aggregateEncoding: Encoding = {
-  ...testEncoding,
-  value: { from: 'value', sort: 'original', aggregate: 'sum' }
-}
-
-const aggregatedResult = createTreeData(duplicateRawData, aggregateEncoding, testTheme)
-console.log('\nAggregated tree:')
-aggregatedResult.forEach((tree, index) => {
-  console.log(`\n=== Aggregated Tree ${index + 1} ===`)
-  printTree(tree)
-})
+import { createTreeData } from '../chart/createTreeData'
+import type { RawDataColumn, Encoding, Theme } from '../types'
+
+// 測試資料：樹狀結構
+const testRawData: RawDataColumn[] = [
+  // 根節點
+  { id: 'root', name: 'Root Node', parent: null, dataset: 'dataset1', series: 'series1', category: 'cat1', value: 100 },
+  
+  // 第一層子節點
+  { id: 'child1', name: 'Child 1', parent: 'root', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 40 },
+  { id: 'child2', name: 'Child 2', parent: 'root', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 60 },
+  
+  // 第二層子節點
+  { id: 'grandchild1', name: 'Grandchild 1', parent: 'child1', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 20 },
+  { id: 'grandchild2', name: 'Grandchild 2', parent: 'child1', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 20 },
+  { id: 'grandchild3', name: 'Grandchild 3', parent: 'child2', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 30 },
+  { id: 'grandchild4', name: 'Grandchild 4', parent: 'child2', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 30 },
+  
+  // 第二個 series 的資料
+  { id: 'root2', name: 'Root Node 2', parent: null, dataset: 'dataset1', series: 'series2', category: 'cat1', value: 80 },
+  { id: 'child3', name: 'Child 3', parent: 'root2', dataset: 'dataset1', series: 'series2', category: 'cat1', value: 80 },
+]
+
+const testEncoding: Encoding = {
+  dataset: { from: 'dataset', sort: 'original' },
+  series: { from: 'series', sort: 'original' },
+  category: { from: 'category', sort: 'original' },
+  value: { from: 'value', sort: 'original', aggregate: 'none' },
+  multivariate: [],
+  color: { from: 'category' }
+}
+
+const testTheme: Theme = {
+  colorScheme: 'light',
+  colors: {
+    light: {
+      data: ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'],
+      primary: '#000000',
+      secondary: '#666666',
+      dataContrast: ['#ffffff', '#000000'],
+      background: '#ffffff'
+    },
+    dark: {
+      data: ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'],
+      primary: '#ffffff',
+      secondary: '#999999',
+      dataContrast: ['#000000', '#ffffff'],
+      background: '#000000'
+    }
+  },
+  fontSize: 12
+}
+
+// 遞迴列印樹狀結構的函數
+function printTree(node: any, indent: string = ''): void {
+  console.log(`${indent}${node.name} (id: ${node.id}, depth: ${node.depth}, seq: ${node.seq}, value: ${node.value}, parent: ${node.parent})`)
+  if (node.children && node.children.length > 0) {
+    node.children.forEach((child: any) => {
+      printTree(child, indent + '  ')
+    })
+  }
+}
+
+// 測試基本功能
+console.log('=== Test createTreeData ===')
+
+const result = createTreeData(testRawData, testEncoding, testTheme)
+console.log('Result length:', result.length)
+
+// 列印每個樹的結構
+result.forEach((tree, index) => {
+  console.log(`\n=== Tree ${index + 1} (Series: ${tree.series}) ===`)
+  printTree(tree)
+})
+
+// 測試聚合功能
+console.log('\n=== Test Aggregation ===')
+
+// 建立有重複 id 的測試資料
+const duplicateRawData: RawDataColumn[] = [
+  { id: 'root', name: 'Root Node', parent: null, dataset: 'dataset1', series: 'series1', category: 'cat1', value: 50 },
+  { id: 'root', name: 'Root Node', parent: null, dataset: 'dataset1', series: 'series1', category: 'cat1', value: 50 }, // 重複
+  { id: 'child1', name: 'Child 1', parent: 'root', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 20 },
+  { id: 'child1', name: 'Child 1', parent: 'root', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 30 }, // 重複
+]
+
+const aggregateEncoding: Encoding = {
+  ...testEncoding,
+  value: { from: 'value', sort: 'original', aggregate: 'sum' }
+}
+
+const aggregatedResult = createTreeData(duplicateRawData, aggregateEncoding, testTheme)
+console.log('\nAggregated tree:')
+aggregatedResult.forEach((tree, index) => {
+  console.log(`\n=== Aggregated Tree ${index + 1} ===`)
+  printTree(tree)
+})

package/src/test/simple-graph-test.js

@@ -1,51 +1,51 @@
-// Simple test for createGraphData functionality
-// This is a minimal test to verify the basic structure
-
-const testRawData = [
-  // Nodes
-  { id: 'node1', name: 'Node 1', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 10 },
-  { id: 'node2', name: 'Node 2', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 20 },
-  { id: 'node3', name: 'Node 3', dataset: 'dataset1', series: 'series2', category: 'cat1', value: 15 },
-  { id: 'node4', name: 'Node 4', dataset: 'dataset1', series: 'series2', category: 'cat2', value: 25 },
-  
-  // Edges
-  { id: 'edge1', name: 'Edge 1', source: 'node1', target: 'node2', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 5 },
-  { id: 'edge2', name: 'Edge 2', source: 'node2', target: 'node3', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 8 },
-  { id: 'edge3', name: 'Edge 3', source: 'node3', target: 'node4', dataset: 'dataset1', series: 'series2', category: 'cat1', value: 12 },
-]
-
-const testEncoding = {
-  dataset: { from: 'dataset', sort: 'original' },
-  series: { from: 'series', sort: 'original' },
-  category: { from: 'category', sort: 'original' },
-  value: { from: 'value', sort: 'original', aggregate: 'none' },
-  multivariate: [],
-  color: { from: 'category' }
-}
-
-const testTheme = {
-  colorScheme: 'light',
-  colors: {
-    light: {
-      data: ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'],
-      primary: '#000000',
-      secondary: '#666666',
-      dataContrast: ['#ffffff', '#000000'],
-      background: '#ffffff'
-    },
-    dark: {
-      data: ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'],
-      primary: '#ffffff',
-      secondary: '#999999',
-      dataContrast: ['#000000', '#ffffff'],
-      background: '#000000'
-    }
-  },
-  fontSize: 12
-}
-
-console.log('Test data ready')
-console.log('Raw data has', testRawData.length, 'items')
-console.log('Nodes:', testRawData.filter(d => !d.source && !d.target).length)
-console.log('Edges:', testRawData.filter(d => d.source && d.target).length)
-console.log('Test completed successfully!')
+// Simple test for createGraphData functionality
+// This is a minimal test to verify the basic structure
+
+const testRawData = [
+  // Nodes
+  { id: 'node1', name: 'Node 1', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 10 },
+  { id: 'node2', name: 'Node 2', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 20 },
+  { id: 'node3', name: 'Node 3', dataset: 'dataset1', series: 'series2', category: 'cat1', value: 15 },
+  { id: 'node4', name: 'Node 4', dataset: 'dataset1', series: 'series2', category: 'cat2', value: 25 },
+  
+  // Edges
+  { id: 'edge1', name: 'Edge 1', source: 'node1', target: 'node2', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 5 },
+  { id: 'edge2', name: 'Edge 2', source: 'node2', target: 'node3', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 8 },
+  { id: 'edge3', name: 'Edge 3', source: 'node3', target: 'node4', dataset: 'dataset1', series: 'series2', category: 'cat1', value: 12 },
+]
+
+const testEncoding = {
+  dataset: { from: 'dataset', sort: 'original' },
+  series: { from: 'series', sort: 'original' },
+  category: { from: 'category', sort: 'original' },
+  value: { from: 'value', sort: 'original', aggregate: 'none' },
+  multivariate: [],
+  color: { from: 'category' }
+}
+
+const testTheme = {
+  colorScheme: 'light',
+  colors: {
+    light: {
+      data: ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'],
+      primary: '#000000',
+      secondary: '#666666',
+      dataContrast: ['#ffffff', '#000000'],
+      background: '#ffffff'
+    },
+    dark: {
+      data: ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'],
+      primary: '#ffffff',
+      secondary: '#999999',
+      dataContrast: ['#000000', '#ffffff'],
+      background: '#000000'
+    }
+  },
+  fontSize: 12
+}
+
+console.log('Test data ready')
+console.log('Raw data has', testRawData.length, 'items')
+console.log('Nodes:', testRawData.filter(d => !d.source && !d.target).length)
+console.log('Edges:', testRawData.filter(d => d.source && d.target).length)
+console.log('Test completed successfully!')

package/src/test/simple-tree-test.js

@@ -1,58 +1,58 @@
-// Simple test for createTreeData functionality
-// This verifies the basic tree structure logic
-
-const testRawData = [
-  // 根節點
-  { id: 'root', name: 'Root Node', parent: null, dataset: 'dataset1', series: 'series1', category: 'cat1', value: 100 },
-  
-  // 第一層子節點
-  { id: 'child1', name: 'Child 1', parent: 'root', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 40 },
-  { id: 'child2', name: 'Child 2', parent: 'root', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 60 },
-  
-  // 第二層子節點
-  { id: 'grandchild1', name: 'Grandchild 1', parent: 'child1', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 20 },
-  { id: 'grandchild2', name: 'Grandchild 2', parent: 'child1', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 20 },
-  { id: 'grandchild3', name: 'Grandchild 3', parent: 'child2', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 30 },
-]
-
-// 測試樹狀結構邏輯
-const nodeMap = new Map()
-testRawData.forEach(d => {
-  nodeMap.set(d.id, d)
-})
-
-const rootNodes = []
-const childrenMap = new Map()
-
-testRawData.forEach(node => {
-  if (node.parent === null) {
-    rootNodes.push(node)
-  } else {
-    if (!childrenMap.has(node.parent)) {
-      childrenMap.set(node.parent, [])
-    }
-    childrenMap.get(node.parent).push(node)
-  }
-})
-
-function printTree(node, depth = 0) {
-  const indent = '  '.repeat(depth)
-  console.log(`${indent}${node.name} (id: ${node.id}, parent: ${node.parent})`)
-  
-  const children = childrenMap.get(node.id) || []
-  children.forEach(child => {
-    printTree(child, depth + 1)
-  })
-}
-
-console.log('=== Tree Structure Test ===')
-console.log('Total nodes:', testRawData.length)
-console.log('Root nodes:', rootNodes.length)
-console.log('Children map size:', childrenMap.size)
-
-console.log('\nTree structure:')
-rootNodes.forEach(root => {
-  printTree(root)
-})
-
-console.log('\nTest completed successfully!')
+// Simple test for createTreeData functionality
+// This verifies the basic tree structure logic
+
+const testRawData = [
+  // 根節點
+  { id: 'root', name: 'Root Node', parent: null, dataset: 'dataset1', series: 'series1', category: 'cat1', value: 100 },
+  
+  // 第一層子節點
+  { id: 'child1', name: 'Child 1', parent: 'root', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 40 },
+  { id: 'child2', name: 'Child 2', parent: 'root', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 60 },
+  
+  // 第二層子節點
+  { id: 'grandchild1', name: 'Grandchild 1', parent: 'child1', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 20 },
+  { id: 'grandchild2', name: 'Grandchild 2', parent: 'child1', dataset: 'dataset1', series: 'series1', category: 'cat1', value: 20 },
+  { id: 'grandchild3', name: 'Grandchild 3', parent: 'child2', dataset: 'dataset1', series: 'series1', category: 'cat2', value: 30 },
+]
+
+// 測試樹狀結構邏輯
+const nodeMap = new Map()
+testRawData.forEach(d => {
+  nodeMap.set(d.id, d)
+})
+
+const rootNodes = []
+const childrenMap = new Map()
+
+testRawData.forEach(node => {
+  if (node.parent === null) {
+    rootNodes.push(node)
+  } else {
+    if (!childrenMap.has(node.parent)) {
+      childrenMap.set(node.parent, [])
+    }
+    childrenMap.get(node.parent).push(node)
+  }
+})
+
+function printTree(node, depth = 0) {
+  const indent = '  '.repeat(depth)
+  console.log(`${indent}${node.name} (id: ${node.id}, parent: ${node.parent})`)
+  
+  const children = childrenMap.get(node.id) || []
+  children.forEach(child => {
+    printTree(child, depth + 1)
+  })
+}
+
+console.log('=== Tree Structure Test ===')
+console.log('Total nodes:', testRawData.length)
+console.log('Root nodes:', rootNodes.length)
+console.log('Children map size:', childrenMap.size)
+
+console.log('\nTree structure:')
+rootNodes.forEach(root => {
+  printTree(root)
+})
+
+console.log('\nTest completed successfully!')