请使用前端技术，帮我创建制作一个高尔顿板模拟器，以便可以更直观地理解概率、统计、正态分布、大数法则、二项分布等抽象数学概念
注意：
1、所有代码都在index.html上
2、通过图表自动统计和显示模拟结果
3、页面需要进行移动端适配
4、确保移动端下控制面板和图表统计结果面板不会挡住模拟器的显示和相关操作
5、考虑美观和实用
好的，这是一个使用 HTML、CSS 和 JavaScript (包括 Chart.js 库) 创建的高尔顿板模拟器。所有代码都在一个 `index.html` 文件中，并且考虑了美观、实用性和移动端适配。
```html
高尔顿板模拟器
高尔顿板模拟器 (Galton Board)
```
**说明:**
1. **HTML 结构 (`index.html`)**:
* 包含必要的 `meta` 标签（特别是 `viewport` 用于移动端）。
* 引入 Chart.js 库的 CDN 链接。
* 主体结构分为三个主要部分：模拟区域 (`canvas-wrapper`)、控制面板 (`controls-panel`) 和结果图表区域 (`results-panel`)，都包裹在一个 `simulator-container` 中。
* 使用 `canvas` 元素 (`galtonCanvas` 用于模拟，`resultsChart` 用于图表)。
* 控制面板包含滑块 (`input[type="range"]`) 用于调整层数、小球数量和速度，以及开始/重置按钮。
* 使用 `label` 和 `span` 显示滑块的当前值。
* 结果区域包含图表的 `canvas` 和一个信息文本 (`simulationInfo`)。
2. **CSS 样式 (`