文章目录
基于 React 和 TypeScript 搭建的机器学米其林餐厅数据分析项目
米其林餐厅数据可视化平台
米其林餐厅数据可视化平台是一个基于 React 和 机器学习构建的全栈数据分析应用,通过交互式可视化展示全球米其林星级餐厅的空间分布、星级分布和多维度特征分析。
项目体验地址
https://melodic-palmier-8e26e6.netlify.app/
源码下载
链接:https://pan.quark.cn/s/21380ca57a3e
截图展示
✨ 核心亮点
- 🗺️ 交互式地图可视化 - 基于 Leaflet 的全球餐厅分布图、热力图、聚合图
- 📈 智能数据分析 - 多维度统计分析和趋势预测
- 🎯 机器学习集成 - DBSCAN/HDBSCAN 聚类分析
- 💫 现代化 UI/UX - Element Plus + Vue 3 组合式 API 设计
📊 功能特色
🎛️ 数据概览仪表板
- 📊 全局统计指标实时展示
- 🥇 星级分布与地区分析
- 📈 历史趋势和增长分析
- 🔍 快速搜索和筛选
🗺️ 交互式地图可视化
- 🌍 全球餐厅位置精确标记
- 🔥 密度热力图和聚类展示
- 🎯 多层级地图缩放浏览
- 💬 详细信息卡片弹窗
📈 数据分析与洞察
- 🤖 机器学习聚类分析
- ⏰ 多维度特征分析
- 📊 多维度统计图表
- 📝 智能分析报告生成
🔍 高级数据探索
- 🎛️ 动态多条件筛选器
- 🔎 全文检索和模糊匹配
- 📋 响应式数据表格
- 📤 多格式数据导出
🏗️ 项目架构
Michelin Restaurant Analytics
├── .gitignore
├── package.json
├── package-lock.json
├── index.html
├── eslint.config.js
├── postcss.config.js
├── vite.config.ts
├── tsconfig.app.json
├── tsconfig.json
├── tailwind.config.js
├── tsconfig.node.json
├── .bolt
├── dist
└── src
├── components
│ ├── MachineLearning
│ │ └── ClusterAnalysis.tsx
│ ├── Dashboard
│ │ └── Dashboard.tsx
│ ├── Map
│ │ └── RestaurantMap.tsx
│ └── Layout
│ └── Sidebar.tsx
└── ...