# open-jsxgraph

**Repository Path**: tiantiantuo/open-jsxgraph

## Basic Information

- **Project Name**: open-jsxgraph
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-07-20
- **Last Updated**: 2026-07-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

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

## ✨ 主要功能

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

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

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

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

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

## 🚀 快速开始

### 环境要求
- Node.js 18+ 
- Yarn 或 npm

### 安装依赖
```bash
# 使用 yarn (推荐)
yarn install

# 或使用 npm
npm install
```

### 启动开发服务器
```bash
# 使用 yarn
yarn dev

# 或使用 npm
npm run dev
```

打开 [http://localhost:3000](http://localhost:3000) 开始使用。

### 构建生产版本
```bash
# 构建
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](LICENSE) 文件了解详情。

## 🙏 致谢

- [JSXGraph](https://jsxgraph.org/) - 强大的交互式几何库
- [MathJS](https://mathjs.org/) - 数学计算库
- [D3.js](https://d3js.org/) - 数据可视化库
- [Next.js](https://nextjs.org/) - React 框架