574 字
3 分钟
Demo

Mermaid 图表#

pie title 月度支出分布 "餐饮" : 35 "交通" : 15 "娱乐" : 20 "学习" : 20 "其他" : 10
mindmap root((周末计划)) 工作 写周报 回复邮件 生活 健身房 超市购物 娱乐 看电影 朋友聚会 学习 阅读 1 小时 练习英语
xychart-beta title "2025 下半年月度数据对比" x-axis ["7月", "8月", "9月", "10月", "11月", "12月"] y-axis "数值" 0 --> 100 bar [45, 60, 55, 70, 65, 80] line [30, 40, 50, 55, 70, 85]
flowchart LR A[开始] --> B{是否完成?} B -->|是| C[✅ 结束] B -->|否| D[🔄 继续执行] D --> B

数学图形交互演示#

  • 你可以通过滑动条实时调整参数,观察函数图像的变化。

基础示例:二次函数#

让我们从一个简单的二次函数开始:f(x)=ax2+bx+cf(x) = ax^2 + bx + c

通过调整参数 aabbcc,你可以观察到:

  • aa 控制抛物线的开口方向和宽度
  • bb 控制抛物线的对称轴位置
  • cc 控制抛物线的上下平移

三角函数组合#

让我们看看三角函数的组合效果:

这里展示了:

  • 正弦函数 sin(x)\sin(x) 和余弦函数 cos(x)\cos(x)
  • 参数 aa 控制振幅
  • 参数 bb 控制频率
  • 参数 cc 控制相位

指数函数与对数函数#

多项式函数#

使用说明#

在 Markdown 中使用以下语法创建交互式数学图形:

```mathgraph
sliders:
参数名: [最小值, 默认值, 最大值, 步长]
expressions:
- 数学表达式
axis: true/false
grid: true/false
```

支持的数学函数#

  • 基本运算:+, -, *, /, ^, %
  • 三角函数:sin(x), cos(x), tan(x), asin(x), acos(x), atan(x)
  • 指数对数:exp(x), log(x), log10(x), sqrt(x)
  • 其他:abs(x), floor(x), ceil(x), round(x)

注意事项#

  1. 参数名只能使用字母和数字
  2. 表达式中使用 x 作为自变量
  3. 滑动条参数格式:[最小值, 默认值, 最大值, 步长]
  4. 可以同时绘制多条曲线