SVG 可视化案例库
围绕路径、方向、结构、状态与图形渲染，展示浏览器端可交互的可视化案例。
结构与受力
力可以改变物体的形状和运动状态
通过 SVG 图形、方向箭头与状态变化，展示力以改变物体的形状和运状中的受力关系、位置变化和运动状态，适合浏览器端可视化说明与动态演示。
杠杆平衡条件
通过 SVG 图形、方向箭头与状态变化，展示杠杆平衡条件中的受力关系、位置变化和运动状态，适合浏览器端可视化说明与动态演示。
石墨烯与碳纳米管微观结构演变
通过 SVG 图形、方向箭头与状态变化，展示石墨烯与碳纳米管微观结构变中的受力关系、位置变化和运动状态，适合浏览器端可视化说明与动态演示。
传送带受力分析进阶3D版
通过 SVG 传送带、物体与摩擦力等图形，展示物体在传送带上所受摩擦力、支持力与重力随相对运动状态变化的受力关系，适合在浏览器端观察受力方向与相对运动趋势。
位移传感器测速度原理（V-t图）
通过 SVG 位移传感器、V-t图像与时间轴，展示位移随时间的变化关系与对应速度的V-t图表达，适合在浏览器端观察速度曲线随位移变化的整体过程。
力的合成与分解
通过 SVG 图形、方向箭头与状态变化，展示力的合成与分解中的受力关系、位置变化和运动状态，适合浏览器端可视化说明与动态演示。
电路与电磁
滑动变阻器原理
通过 SVG 图形、电路状态联动与方向标注，展示滑变阻器原理中的连接关系、电流变化或磁场分布，适合浏览器端可视化说明与动态演示。
电磁铁规律探究
通过 SVG 图形、电路状态联动与方向标注，展示电磁铁规律中的连接关系、电流变化或磁场分布，适合浏览器端可视化说明与动态演示。
电路故障排查分析
通过 SVG 图形、电路状态联动与方向标注，展示电路故障排查分析中的连接关系、电流变化或磁场分布，适合浏览器端可视化说明与动态演示。
磁场空间分布
通过 SVG 图形、电路状态联动与方向标注，展示磁场空间分布中的连接关系、电流变化或磁场分布，适合浏览器端可视化说明与动态演示。
导线电阻：独立调节与剪半拉长
通过 SVG导线、长度变化与电阻值，展示导线长度改变对电阻大小的影响关系，适合在浏览器端观察导线长度变化与电阻值变化之间的对应关系。
3D立体磁场与磁感线模型
通过 SVG 磁场区域、磁感线与磁场方向，展示磁场在三维空间中的分布以及磁感线的走向与疏密变化，适合在浏览器端观察磁感线的空间走势与磁场方向关系。
光路与波动
透镜-三条特殊光线
通过 SVG 图形、光线路径与状态切换，展示透镜-三条特殊光线中的传播路径、成像关系或波形变化，适合浏览器端可视化说明与动态演示。
凸透镜成像规律
通过 SVG 图形、光线路径与状态切换，展示凸透镜成像规律中的传播路径、成像关系或波形变化，适合浏览器端可视化说明与动态演示。
凸透镜成像规律（3D版）
通过 SVG 凸透镜、光线路径与物体位置，展示物距变化对像距与像的大小的影响关系，适合在浏览器端观察成像位置与光路走向。
凸透镜成像规律考试试题版（蜡烛透镜光屏可移动）
通过 SVG 图形、光线路径与状态切换，展示凸透镜成像规律考试试题版蜡烛透镜光屏中的传播路径、成像关系或波形变化，适合浏览器端可视化说明与动态演示。
光的散射与不同材质地面的反射
通过 SVG 图形、光线路径与状态切换，展示光的散射与不同材质地面的反射中的传播路径、成像关系或波形变化，适合浏览器端可视化说明与动态演示。
光的折射自主探究
通过 SVG 图形、光线路径与状态切换，展示光的折射自主中的传播路径、成像关系或波形变化，适合浏览器端可视化说明与动态演示。
曲线与几何
圆周角定理
通过 SVG 图形、坐标关系与参数变化，展示圆周角定理中的曲线形态、几何关系或图形变化，适合浏览器端可视化说明与动态演示。
二次函数抛物线基本性质
通过 SVG 图形、坐标关系与参数变化，展示二次函数抛物线基本性质中的曲线形态、几何关系或图形变化，适合浏览器端可视化说明与动态演示。
二次函数与x轴交点研究
通过 SVG 图形、坐标关系与参数变化，展示二次函数与x轴点研中的曲线形态、几何关系或图形变化，适合浏览器端可视化说明与动态演示。
动态几何存在性问题
通过 SVG 图形、坐标关系与参数变化，展示几何存在性问题中的曲线形态、几何关系或图形变化，适合浏览器端可视化说明与动态演示。
一线三垂直
通过 SVG 图形、坐标关系与参数变化，展示一线三垂直中的曲线形态、几何关系或图形变化，适合浏览器端可视化说明与动态演示。
正三棱锥外接球与内切球模型
通过 SVG 图形、坐标关系与参数变化，展示正三棱锥外接球与内切球中的曲线形态、几何关系或图形变化，适合浏览器端可视化说明与动态演示。
微观与物质
DNA双螺旋空间结构
通过 SVG 图形、分层结构与状态变化，展示DNA双螺旋空间结构中的微观结构、粒子关系或空间构型，适合浏览器端可视化说明与动态演示。
有丝分裂各时期染色体行为
通过 SVG 图形、分层结构与状态变化，展示有丝分裂各时期染色体行为中的微观结构、粒子关系或空间构型，适合浏览器端可视化说明与动态演示。
环状DNA复制（θ、滚环与D环模型）
通过 SVG 环状DNA、复制叉与新合成链，展示θ型、滚环与D环三种环状DNA复制模式的链合成与分离过程，适合在浏览器端观察复制中间体的结构变化。
倾倒二氧化碳与阶梯蜡烛熄灭
通过 SVG 阶梯蜡烛火焰、倾倒的二氧化碳气流与阶梯容器，展示二氧化碳自下而上倾倒时不同高度烛焰的熄灭先后关系，适合在浏览器端观察气体倾倒与烛焰变化过程。
密码子表查读与反密码子配对
通过 SVG 密码子、反密码子与碱基序列，展示密码子与反密码子之间的碱基互补配对关系，适合在浏览器端观察密码子查读与反密码子配对的对应关系。
植物与动物有丝分裂的差异（3D版）
通过 SVG细胞、染色体与纺锤丝，展示植物细胞与动物细胞在有丝分裂过程中的形态结构变化差异，适合在浏览器端观察细胞分裂各阶段的结构对比与变化过程。
状态与过程
一氧化碳还原氧化铁
通过 SVG 图形、流程分层与状态切换，展示一氧碳还原氧铁中的过程推进、路径演化或动态对比，适合浏览器端可视化说明与动态演示。
四冲程内燃机工作原理
通过 SVG 活塞、曲轴与进排气门，展示四冲程循环中活塞运动、气门开闭与曲轴转角的对应关系，适合在浏览器端观察机械联动与能量状态变化。
等高线地形：五大典型地貌判读
通过 SVG 图形、流程分层与状态切换，展示等高线地形五大典地貌判读中的过程推进、路径演化或动态对比，适合浏览器端可视化说明与动态演示。
粗铜精炼与极化状态演示
通过 SVG 图形、流程分层与状态切换，展示粗铜精炼与极状中的过程推进、路径演化或动态对比，适合浏览器端可视化说明与动态演示。
山地垂直自然带谱动态解析
通过 SVG 图形、流程分层与状态切换，展示山地垂直自然带谱解析中的过程推进、路径演化或动态对比，适合浏览器端可视化说明与动态演示。
反射弧结构与神经传导
通过 SVG 图形、流程分层与状态切换，展示反射弧结构与神经传导中的过程推进、路径演化或动态对比，适合浏览器端可视化说明与动态演示。