编程可视化教学

用程序的方式把抽象知识点"画"出来 — 小学数学 + 自然地理。
每个 demo 都是单文件 HTML(p5.js via CDN),打开即看;每个知识点都配一份详细讲义。

交互式 demo:62 配套讲义:69 分层练习:62 45min 教案:20 中高考真题:20 覆盖学段:数学(小/初/高 + 中高考真题)+ 地理(自然 + 人文)

小学数学 11 个 demo

① 乘法阵列模型
阵列 + 面积模型,把"几个几相加"和乘法直接对应。
小学知识点:乘法的意义 · 二三年级
② 分数的三种表示
圆形、长条、数轴三种表示法同步联动。
小学知识点:分数的意义 · 三~六年级
③ 鸡兔同笼
动画演示假设法分步推导。
小学知识点:经典应用题 · 五六年级
④ 数轴上的加减法
小青蛙跳荷叶,加=向右、减=向左。
小学知识点:加减法的意义 · 一二年级 📄 讲义
⑤ 平行四边形面积剪拼
剪一刀、移过去,变成等积长方形。
小学知识点:多边形面积 · 五上 📄 讲义
⑥ 圆周率近似
用正多边形逼近圆,阿基米德/祖冲之的方法。
小学知识点:圆周率定义 · 六上 📄 讲义
⑦ 抛硬币 — 频率收敛
大量重复抛硬币,频率曲线渐稳定到 50%。
小学知识点:概率初步 · 五上 📄 讲义
⑧ 埃氏筛 — 100 内质数
古希腊筛法系统找出 25 个质数。
小学知识点:因数倍数 · 五下 📄 讲义
⑨ 平均数 — "匀一匀"
高柱削给低柱,等高的高度就是平均数。
小学知识点:统计与平均数 · 三下/四下 📄 讲义
⑩ 比例尺与正反比例
地图缩放计算 + 正/反比例曲线对比。
小学知识点:比、比例、比例尺 · 六上/下 📄 讲义
⑪ 百分数应用
折扣 / 利息 / 增长率 三种计算器。
小学知识点:百分数应用 · 六上 📄 讲义
📄 纯讲义(无 demo): 行程问题综合 · 因数倍数综合(GCD/LCM)

初中数学 6 个 demo

① 一次函数 y = kx + b
双滑块演示 k(斜率)和 b(截距)的几何意义。
初中知识点:一次函数 · 八下 📄 讲义
② 二次函数 y = a(x-h)² + k
三滑块控制开口与顶点平移,同步显示一般式。
初中知识点:二次函数顶点式 · 九上 📄 讲义
③ 勾股定理
三正方形面积关系 + 赵爽弦图证明动画。
初中知识点:勾股定理 · 八下 📄 讲义
④ 相似三角形
双滑块:相似比 + 旋转,看对应角/边/面积关系。
初中知识点:相似与判定 · 九下 📄 讲义
⑤ 圆周角定理
动点沿圆周移动,圆心角 = 2 × 圆周角。
初中知识点:圆中角 · 九上 📄 讲义
⑥ 反比例函数 y = k/x
双曲线 + 矩形面积恒等于 |k| 的几何意义。
初中知识点:反比例函数 · 九下 📄 讲义

高中数学 8 个 demo

① 单位圆三角函数
单位圆旋转 → 同步生成正弦/余弦曲线。
高中知识点:三角函数定义 · 必修一 📄 讲义
② 导数的几何意义
割线极限逼近切线(4 种函数可切换)。
高中知识点:导数定义 · 选必二 📄 讲义
③ 定积分黎曼和
矩形分割逼近曲边面积,左/右/中和切换。
高中知识点:定积分定义 · 选必二 📄 讲义
④ 圆锥曲线
椭圆 / 双曲线 / 抛物线三种切换,焦点 + 渐近线 + 准线。
高中知识点:圆锥曲线方程 · 选必一 📄 讲义
⑤ 立体几何(三视图/展开图)
4 种立体 × 三视图/展开两种模式,含虚线透视。
高中知识点:三视图、展开图 · 必修二 📄 讲义
⑥ 数列 — 等差与等比
柱状图 + 求和公式动态演示。
高中知识点:数列通项与求和 · 选必二 📄 讲义
⑦ 二项分布与正态分布
分布柱状图 + 钟形曲线 + 3σ 法则。
高中知识点:概率分布 · 选必三 📄 讲义
⑧ 复数与复平面
乘 i 旋转 90° 几何意义可视化。
高中知识点:复数代数与几何 · 必修二 📄 讲义

自然地理 21 个 demo

① 地球自转与昼夜
晨昏线、地方时、北京时间。
地理知识点:自转 · 初中/高中
② 公转与四季成因
黄赤交角 23.5°,直射点南北回归。
地理知识点:公转 / 四季 · 初中/高中
③ 月相成因
朔望周期,地球俯视 + 视见月相对照。
地理知识点:月相 · 初中/高中
④ 水循环
蒸发→输送→降水→径流,粒子动画。
地理知识点:水循环 · 初中/高中
⑤ 热力环流
冷热不均→空气流动→封闭环流。粒子演示。
地理知识点:大气运动基础 · 高中 📄 讲义
⑥ 三圈环流与气压带风带
北半球剖面图,季节滑块看南北移动。
地理知识点:大气环流 · 高中 📄 讲义
⑦ 板块运动
消亡/生长/转换三种边界 + 山脉海沟成因。
地理知识点:地质构造 · 初中/高中 📄 讲义
⑧ 世界主要洋流
简化地图,暖流红、寒流蓝。
地理知识点:洋流 · 高中选必一 📄 讲义
⑨ 气候类型判读
11 种气候的气温降水图,雨热配合分析。
地理知识点:气候类型 · 初中/高中 📄 讲义
⑩ 等高线与地形判读
3D 地形 + 等高线对照,5 种部位识别。
地理知识点:地图判读 · 初中 📄 讲义
⑪ 大气受热过程
三种辐射粒子动画 + 昼夜晴雨切换。
地理知识点:太阳/地面/逆辐射 · 高中必修一 📄 讲义
⑫ 锋面系统
冷锋/暖锋/准静止锋三种剖面 + 天气表。
地理知识点:天气系统 · 高中必修一 📄 讲义
⑬ 地转偏向力
双半球粒子轨迹:北右南左、赤道不偏。
地理知识点:科氏效应 · 高中选必一 📄 讲义
⑭ 亚洲季风成因
夏冬两季高低压切换 + 东南/西南/西北/东北季风。
地理知识点:季风环流 · 高中必修一 📄 讲义
⑮ 常见地貌成因图鉴
V/U 形谷、冲积扇、沙丘、喀斯特、海蚀 6 种地貌。
地理知识点:外力作用地貌 · 高中必修一 📄 讲义
⑯ 山地垂直自然带
4 座代表山(乞力马扎罗/喜马拉雅/阿尔卑斯/泰山)对比。
地理知识点:垂直地带性 · 高中选必一 📄 讲义
⑰ 气旋与反气旋
南北半球 × 高低压 4 种组合粒子动画。
地理知识点:天气系统 · 高中必修一 📄 讲义
⑱ 温盐环流(大洋传送带)
深层冷盐水 + 表层暖盐水的千年循环。
地理知识点:密度流 · 高中选必一 📄 讲义
⑲ 太阳系 / 太阳结构
八大行星俯视运动 + 太阳剖面(含黑子)。
地理知识点:宇宙中的地球 · 高中必修一 📄 讲义
⑳ 地球内部圈层
地壳/地幔/地核剖面 + 地震波速度图。
地理知识点:地震波与圈层 · 高中必修一 📄 讲义
㉑ 土壤剖面 — 4 种对比
黑土 / 红壤 / 黄土 / 灰化土 分层结构。
地理知识点:土壤形成 · 高中必修一 📄 讲义
📄 纯讲义(无 demo): 自然带与三大地带性 · 河流补给与水文特征 · 地理信息技术(GIS / RS / GPS)

覆盖情况

数学(小学 → 高中)— 25 demo + lessons
✅ 小学(11):乘法/分数/鸡兔同笼/数轴/平行四边形/π/抛硬币/筛/平均数/比例尺/百分数
✅ 初中(6):一次/二次/勾股/相似/圆周角/反比例
✅ 高中(8):单位圆/导数/积分/圆锥曲线/立体几何/数列/概率分布/复数
自然地理(初中 → 高中深化)— 21 demo + lessons
✅ 基础(10):自转/公转/月相/水循环/热力环流/三圈环流/板块/洋流/气候/等高线
✅ 深化(8):大气受热/锋面/科氏力/季风/地貌/垂直带/气旋反气旋/温盐环流
✅ 天文地球科学(3):太阳系/地球圈层/土壤剖面