讲解图组件 · 函数 / 几何 / 数轴

亮点

1. 三类图：函数图像有网格、曲线、点标注和辅助线；平面几何有可拖动的点、角弧、直角标记和等长短杠；数轴有区间、绝对值距离和平移。
2. 按步骤讲解：元素一个个出现、一个个强调，可以自动播放，也可以一步步点着看；说明文字跟着参数一起变。
3. 控件真能用：范围滑块、沿曲线或数轴拖动的探针、还原按钮、实时读数。
4. 深浅色跟随系统，390 px 宽的手机上也看得清。

上手试试

• 单独打开「函数图像」演示 ↗
• 单独打开「平面几何」演示 ↗
• 单独打开「数轴」演示 ↗

包内格式

• 源码包含explain-core.mjs 加三个模板（explain-plane、explain-geometry、explain-numberline），全部是纯 ESM、零依赖；三个双击就能打开的演示页；三份 spec 示例；SPEC.md 完整字段表；README 和 LICENSE。
• 之后新增的模板，已购免费更新。

模板

函数图像、平面几何、数轴

代码

纯 ESM，零依赖，无需构建

演示

3 个页面，双击即开

显示

深浅双色，390 px 可读

分步讲解

授权

可商用，包括修改代码、嵌入你自己或客户的网站、App、课件和视频。不得作为组件包、模板包或素材包转售、再分发。非独占授权。署名不强制（愿意的话写「Figures by compreel.com」）。