编程可视化教学
用程序的方式把抽象知识点"画"出来 — 小学数学 + 自然地理。
每个 demo 都是单文件 HTML(p5.js via CDN),打开即看;每个知识点都配一份详细讲义。
📋 完整知识点大纲:
小学数学 outline.md
自然地理 outline.md
📚 讲义目录:
数学讲义/
地理讲义/
交互式 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):太阳系/地球圈层/土壤剖面