SVG 可视化案例库

围绕路径、方向、结构、状态与图形渲染,展示浏览器端可交互的可视化案例。

结构与受力

力可以改变物体的形状和运动状态
结构与受力 · 力学

力可以改变物体的形状和运动状态

通过 SVG 图形、方向箭头与状态变化,展示力以改变物体的形状和运状中的受力关系、位置变化和运动状态,适合浏览器端可视化说明与动态演示。

杠杆平衡条件
结构与受力 · 力学

杠杆平衡条件

通过 SVG 图形、方向箭头与状态变化,展示杠杆平衡条件中的受力关系、位置变化和运动状态,适合浏览器端可视化说明与动态演示。

石墨烯与碳纳米管微观结构演变
结构与受力 · 结构

石墨烯与碳纳米管微观结构演变

通过 SVG 图形、方向箭头与状态变化,展示石墨烯与碳纳米管微观结构变中的受力关系、位置变化和运动状态,适合浏览器端可视化说明与动态演示。

打点计时器结构与工作原理
结构与受力 · 力学

打点计时器结构与工作原理

通过 SVG 图形、方向箭头与状态变化,展示打点计时器结构与工作原理中的受力关系、位置变化和运动状态,适合浏览器端可视化说明与动态演示。

伽利略斜面理想实验
结构与受力 · 力学

伽利略斜面理想实验

通过 SVG 图形、方向箭头与状态变化,展示伽利略斜面理想实验中的受力关系、位置变化和运动状态,适合浏览器端可视化说明与动态演示。

传送带受力分析进阶版-带物体斜角
结构与受力 · 力学

传送带受力分析进阶版-带物体斜角

通过 SVG 图形、方向箭头与状态变化,展示传送带受力分析进阶版-带物体斜角中的受力关系、位置变化和运动状态,适合浏览器端可视化说明与动态演示。

电路与电磁

光路与波动

透镜-三条特殊光线
光路与波动 · 光学

透镜-三条特殊光线

通过 SVG 图形、光线路径与状态切换,展示透镜-三条特殊光线中的传播路径、成像关系或波形变化,适合浏览器端可视化说明与动态演示。

凸透镜成像规律
光路与波动 · 光学

凸透镜成像规律

通过 SVG 图形、光线路径与状态切换,展示凸透镜成像规律中的传播路径、成像关系或波形变化,适合浏览器端可视化说明与动态演示。

凸透镜成像规律考试试题版(蜡烛透镜光屏可移动)
光路与波动 · 光学

凸透镜成像规律考试试题版(蜡烛透镜光屏可移动)

通过 SVG 图形、光线路径与状态切换,展示凸透镜成像规律考试试题版蜡烛透镜光屏中的传播路径、成像关系或波形变化,适合浏览器端可视化说明与动态演示。

光的散射与不同材质地面的反射
光路与波动 · 光学

光的散射与不同材质地面的反射

通过 SVG 图形、光线路径与状态切换,展示光的散射与不同材质地面的反射中的传播路径、成像关系或波形变化,适合浏览器端可视化说明与动态演示。

光的折射自主探究
光路与波动 · 光学

光的折射自主探究

通过 SVG 图形、光线路径与状态切换,展示光的折射自主中的传播路径、成像关系或波形变化,适合浏览器端可视化说明与动态演示。

光沿直线传播:日食与月食原理
光路与波动 · 光学

光沿直线传播:日食与月食原理

通过 SVG 图形、光线路径与状态切换,展示光沿直线传播日食与月食原理中的传播路径、成像关系或波形变化,适合浏览器端可视化说明与动态演示。

曲线与几何

微观与物质

状态与过程