完整圖表組件展示儀表板

展示專案中所有聊天區塊會顯示的圖表組件和視覺化效果

圓餅圖組件展示

測試數據分布

折線圖組件

測試數據折線圖

1月2月3月4月5月6月

柱狀圖組件

AI技術趨勢

機器學習深度學習自然語言處理計算機視覺強化學習

熱力圖組件

測試數據熱力圖

Q1Q2Q3Q4

雷達圖組件

系列A
系列B

桑基圖組件

時間序列圖組件

AI投資趨勢

1月3月5月7月9月11月12月

力導向圖組件

拖移節點可重新排列,懸停查看詳情

直方圖組件

AI投資分布

0-2021-4041-6061-8081-100101-120121-140141-160

表格組件

IDNameCategoryFundingEmployees
1OpenAINLP10B375
2AnthropicAI Safety4B200
3DeepMindAGI2B1000
4Stability AIGenerative AI1B150
5Hugging FaceOpen Source400M170
6CohereEnterprise AI445M180

世界地圖組件

🌍
載入世界地圖中...

完整圖表組件說明

圓餅圖組件

提供三種版本:Recharts、Nivo、銀色系,支援切換顯示不同風格的圓餅圖。

折線圖組件

自定義 SVG 實現的折線圖,支援面積填充和平滑曲線,適合顯示趨勢數據。

柱狀圖組件

自定義 SVG 實現的柱狀圖,支援漸變色彩和數值標籤,適合比較數據。

熱力圖組件

銀色系熱力圖,支援彈性設定列數、行數和間距,適合顯示密度分布。

雷達圖組件

基於 Nivo 的雷達圖,支援多系列數據比較,適合多維度評估。

桑基圖組件

基於 Nivo 的桑基圖,適合顯示數據流向和關聯關係。

時間序列圖

專門用於顯示時間相關的數據趨勢,支援長期數據分析。

直方圖組件

用於顯示數據分布情況,適合統計分析和數據分組展示。

表格組件

結構化數據展示,支援排序和篩選,適合詳細數據查看。

世界地圖組件

全球數據分布圖,支援國家級別的數據視覺化。

所有組件載入完成
圖表渲染就緒
互動功能正常

Complete Chart Components Dashboard v2.0 | Build 20250115

Powered by Next.js 15 & Recharts & Nivo