高中地理知识图谱 | Interactive Geography Knowledge Graph
【摘要】 🌍 高中地理知识图谱 | Interactive Geography Knowledge Graph一个交互式的高中地理知识图谱可视化小工具，帮助高中生梳理地理知识体系，直观理解知识点之间的关联关系。 ✨ 功能特性功能说明🕸️ 知识图谱可视化使用 vis-network.js 构建力导向图谱，直观展示知识点间的关联🔍 搜索定位输入关键词快速定位知识点，匹配节点高亮，非匹配节点淡化🏷...
🌍 高中地理知识图谱 | Interactive Geography Knowledge Graph
一个交互式的高中地理知识图谱可视化小工具，帮助高中生梳理地理知识体系，直观理解知识点之间的关联关系。
✨ 功能特性
| 功能 | 说明 |
|---|---|
| 🕸️ 知识图谱可视化 | 使用 vis-network.js 构建力导向图谱，直观展示知识点间的关联 |
| 🔍 搜索定位 | 输入关键词快速定位知识点，匹配节点高亮，非匹配节点淡化 |
| 🏷️ 分类筛选 | 按自然地理/人文地理/区域地理/核心概念分类过滤 |
| 📋 详情面板 | 点击任意节点查看该知识点的描述、核心要点和关联知识点 |
| 🔗 关联跳转 | 在详情面板中点击关联标签，可直接跳转到关联知识点 |
| 📊 统计概览 | 展示各分类知识点数量和关联关系总数 |
📚 知识体系覆盖
自然地理（11个知识点）
地球运动、时间计算、正午太阳高度、大气环流、气候类型、水循环、洋流、地壳运动、地貌、地质灾害、自然带
人文地理（6个知识点）
人口、城市化、农业区位、工业区位、交通布局、可持续发展
区域地理（3个知识点）
区域发展、资源开发、环境保护
核心概念（2个知识点）
地图与GIS、人地关系
🛠️ 技术栈
- HTML5 + CSS3 — 页面结构与样式
- JavaScript (ES5) — 交互逻辑，无框架依赖
- vis-network.js — 知识图谱可视化引擎（CDN加载）
- 纯前端 — 打开
index.html即可使用，无需后端
🚀 使用方法
- 直接用浏览器打开
index.html - 或部署到任意静态服务器（如 OBS 静态网站托管、GitHub Pages 等）
📁 项目结构
geo-knowledge-graph/
├── index.html # 主页面
├── style.css # 样式文件
├── app.js # 知识图谱数据与交互逻辑
└── README.md # 项目说明
📝 License
MIT
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）