Open-JSXGraph - 交互式数学几何可视化工具

一个基于 JSXGraph 的现代化交互式数学几何可视化工具，支持动态几何图形绘制、函数图像、统计图表和数学公式编辑。

✨ 主要功能

🎯 几何图形绘制

• 基础几何元素: 点、线、圆、椭圆、抛物线、双曲线
• 高级图形: 多边形、星形、心形、玫瑰线、螺旋线
• 向量和线段: 支持向量绘制和线段测量
• 切线: 自动计算和绘制切线

📊 函数图像

• 数学函数: 支持任意数学函数绘制
• 三角函数: 正弦、余弦等三角函数可视化
• 参数方程: 支持参数方程绘制椭圆、圆等
• LaTeX 公式: 支持 LaTeX 数学公式输入和渲染

📈 统计图表

• 柱状图: 可拖拽的交互式柱状图
• 饼图: 动态饼图展示
• 散点图: 数据点可视化
• 实时编辑: 支持图表数据的实时修改

🎨 交互功能

• 拖拽操作: 所有图形元素支持拖拽移动
• 缩放和平移: 支持画布缩放和平移
• 撤销/重做: 完整的操作历史记录
• 多画布: 支持多个工作画布切换
• 动画: 支持几何图形的动画演示

🔧 数学工具

• 公式编辑器: 集成 MathLive 数学公式编辑器
• 计算引擎: 基于 MathJS 的数学计算
• 概率分布: 正态分布、指数分布、泊松分布等
• 几何构造: 支持复杂的几何构造过程

🚀 快速开始

环境要求

• Node.js 18+
• Yarn 或 npm

安装依赖

# 使用 yarn (推荐)
yarn install

# 或使用 npm
npm install

启动开发服务器

# 使用 yarn
yarn dev

# 或使用 npm
npm run dev

打开 http://localhost:3000 开始使用。

构建生产版本

# 构建
yarn build

# 启动生产服务器
yarn start

# 导出静态文件
yarn export

🛠️ 技术栈

• 前端框架: Next.js 15 + React 19
• 几何引擎: JSXGraph 1.11
• 数学计算: MathJS + MathLive
• UI 组件: Radix UI + Tailwind CSS
• 图表库: D3.js
• 公式渲染: KaTeX
• 开发工具: TypeScript + ESLint

📖 使用指南

基本操作

1. 添加几何图形: 点击左侧工具栏的图形按钮
2. 绘制函数: 使用公式编辑器输入数学函数
3. 创建图表: 选择图表类型并输入数据
4. 交互操作: 拖拽图形、缩放画布、平移视图

高级功能

• 多画布管理: 创建多个工作画布进行复杂项目
• 动画演示: 使用动画工具展示几何变换
• 数据导入: 支持外部数据导入到图表
• 导出功能: 支持图像和数据的导出

🤝 贡献指南

欢迎提交 Issue 和 Pull Request！

1. Fork 本仓库
2. 创建功能分支 (git checkout -b feature/AmazingFeature)
3. 提交更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 打开 Pull Request

📄 许可证

本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情。

🙏 致谢

• JSXGraph - 强大的交互式几何库
• MathJS - 数学计算库
• D3.js - 数据可视化库
• Next.js - React 框架