# 分数 · 小数 · 百分数可视化教学器

同一个数值同时用三种表示法展示：1/2 ⇄ 0.5 ⇄ 50%。饼图、分数条、10×10 百分格与 0–1 数轴四视图联动；沙盒互动滑块拖动时实时同步，并精确识别循环节（如 1/3 = 0.3̅、1/7 = 0.142857̅）。附分数约分、循环节识别、百分数与小数比较三类练习题（点击展开答案与讲解）。

> 标准页面: https://elysiatools.com/zh/tools/fraction-decimal-percent-visualizer

- **分类:** Education

- **关键词:** 分数小数百分数, 等值表示, 百分格, 循环小数, 可视化数学, 小学数学

## 概述

核心算法：长除法逐位展开并跟踪余数，余数重复即为循环节起点（循环节长度 ≤ 分母−1）；约分后分母只含质因数 2 和 5 时为有限小数。互化链路：分数 →（长除法）→ 小数 →（×100）→ 百分数。练习题确定性生成（无随机数），答案可展开核对。互动沙盒运行在 data-URI iframe 中（sandbox=allow-scripts，无网络依赖），千分位滑块同时驱动饼图、分数条、百分格、数轴与三种读数。常见误区提示：0.5 与 0.45 比大小看位数、1/8 与 1/6 分母大反而大、百分数一定超过 100 等。

## 输入项

- **输入形式** (select)
- **分子** (number): 1
- **分母** (number): 2
- **小数值（0–1）** (number): 0.5
- **百分数值（0–100）** (number): 50
- **显示练习题** (checkbox)

## 适用场景

- 在课堂上讲解分数、小数与百分数的等值概念及互相转化方法时。
- 需要辨别分数是否为有限小数，或需要精确标出循环小数的循环节时。
- 设计数与代数练习，核对分数约分、循环节识别及大小比较题目的答案与步骤时。

## 工作原理

- 选择输入形式（分数、0–1 范围内的小数或 0–100 的百分数）并填入相应数值。
- 核心算法执行最大公约数约分与逐位长除法展开，判定有限小数或自动标注循环节起点与长度。
- 系统同步渲染饼图、分数条、百格阵与数轴四维图形，并可拖动千分位沙盒滑块实时观察变化。
- 勾选练习题选项即可生成针对性的巩固训练卡片，点击可展开查看详细解析。

## 使用案例

- 小学与初中数学教师在多媒体课件中进行数形结合的直观演示与概念拆解。
- 学生课后自学时核对分小互化习题，纠正“分母越大数值越大”或“小数位数多就更大”等常见误区。
- 家长辅导孩子理解百分比含义，通过 10×10 百分格与饼图直观建立比例认知。

## 常见问题

### 工具如何判断一个分数化为小数后是否为有限小数？

先将分数约分为最简分数，若最简分母的质因数仅包含 2 和 5，则为有限小数；若含有其他质因数，则为无限循环小数。

### 循环小数的循环节是如何检测出来的？

通过长除法逐位展开并记录每一步的余数，当出现重复余数时即判定为循环节起点，并在对应数字上方添加上划线标记。

### 互动沙盒支持多大精度的数值调节？

沙盒配备千分位滑块，步长支持到 0.001，拖动时饼图、数轴、百分格与三种数值读数将完全同步更新。

### 练习题是随机抽取的吗？

练习题基于输入参数确定性生成，涵盖分数约分、循环节寻找和百分数与小数比较，确保解析与当前知识点紧密匹配。

### 工具运行是否需要联网发送计算请求？

所有运算与沙盒交互均在本地浏览器沙箱环境中执行，无需依赖外部服务器计算。

## 相关工具

- [Wright–Fisher 群体漂变与等位基因频率导师](https://elysiatools.com/zh/tools/wright-fisher-population-drift-and-allele-frequency-tutor): 模拟 Wright–Fisher 遗传漂变,可设突变和选择,运行多个重复种群。可视化漂变轨迹、最终频率分布、杂合度衰减 Hₜ = H₀(1−1/2Nₑ)ᵗ,并可做哈迪-温伯格卡方检验。
- [感染复数（MOI）计算器](https://elysiatools.com/zh/tools/moi-calculator): 计算感染复数 MOI = 病毒感染单位 ÷ 细胞数（正向：滴度 PFU/mL × 感染体积 mL ÷ 细胞数），或反向由目标 MOI 求需加入的病毒体积 V = MOI × 细胞数 ÷ 滴度。附 Poisson 感染统计：P(≥1) = 1 − e^(−MOI)，MOI 1 → 63.2%、MOI 3 → 95.0%、MOI 10 → 99.995% 细胞被感染。附吸附操作提示（30–60 min、换液）。来源：Molecular Cloning、Fields Virology。仅供教学与实验规划。
- [庞氏三基因/双基因杂交可视化器](https://elysiatools.com/zh/tools/punnett-trihybrid-cross): 计算 2-3 对基因的孟德尔杂交，输出完整庞氏方格和分支线图。支持完全显性、不完全显性和共显性。
- [多肽分子量计算器（单同位素/平均）](https://elysiatools.com/zh/tools/peptide-mass-calculator): 按残基求和计算多肽分子量：M = Σ 残基质量 + H₂O（ExPASy ProtParam 残基表）。支持单同位素（H₂O = 18.01056，适合高分辨质谱中的短肽）与平均（H₂O = 18.01524，适合较长肽链）两种模式，并同时给出 \[M+H\]⁺、\[M+Na\]⁺、\[M+2H\]²⁺ 离子 m/z。序列大小写不敏感，自动忽略空白与分隔符；歧义码 B/J/O/U/X/Z 会被拒绝。来源：ExPASy ProtParam（Gasteiger 2005）。仅供教学与实验规划。
- [常染色体显性遗传系谱分析器](https://elysiatools.com/zh/tools/autosomal-dominant-pedigree): 计算常染色体显性（AD）遗传的子代风险并评估观察数据与预期比例的拟合度。亲本基因型组合决定预期患病比例：AA × 任意 = 全部患病；Aa × Aa = 3:1（75%）；Aa × aa = 1:1（50%）；aa × aa = 无。观察计数可做卡方检验（df = 1，α = 0.05 临界值 3.841）。系谱特征清单：垂直传递（代代出现）、两性患病率相近、父传子存在（可排除 X 连锁显性）、未患病者一般不传递（除新发突变）。示例疾病：亨廷顿病、软骨发育不全、马凡综合征。来源：Griffiths、Hartl & Clark 2007、StatPearls、OMIM。仅供教学用途。
- [常染色体隐性遗传风险计算器](https://elysiatools.com/zh/tools/autosomal-recessive-risk): 计算常染色体隐性遗传病在每个孩子及 n 个孩子中的患病概率。患病孩子（aa）必须从父母双方各得一个隐性等位基因：P(子代患病) = P(亲本1传 a) × P(亲本2传 a)。支持亲本状态：携带者（Aa）、患者（aa）、非携带者（AA）、未知（由群体携带率 c 推断：P(Aa)=c、P(aa)=c²）。双携带者 → 每胎 25% 患病、50% 携带、未患病子女为携带者的概率 2/3；n 个孩子至少一个患病 = 1 − (1−r)^n。默认携带率 0.04（北欧裔囊性纤维化 1/25）。来源：Griffiths、Hartl & Clark 2007、StatPearls。仅供教学用途，不能替代遗传咨询。
- [血球计数板细胞计数计算器](https://elysiatools.com/zh/tools/cell-counting-hemocytometer): 把血球计数板（改良 Neubauer）的原始计数换算为细胞浓度：cells/mL =（计数总数 ÷ 大方格数）× 稀释倍数 × 10⁴（每个 1 mm² 大方格在 0.1 mm 深度下容积恰为 0.1 µL）。输入计数总数、方格数（通常 4 个角格或加中央共 5 格）与稀释倍数，可选填样品体积以得到总细胞数；并按每格 20–100 个细胞的理想密度给出操作建议。来源：Freshney 细胞培养手册、Neubauer 改良室几何规格。仅供教学与实验规划。
- [细胞倍增时间计算器](https://elysiatools.com/zh/tools/cell-doubling-time): 由两次细胞计数计算指数生长期动力学：倍增时间 t_d = ln2 × t ÷ ln(Nₜ/N₀)，同时给出倍增次数 n = ln(Nₜ/N₀) ÷ ln2 与比生长速率 μ = ln(Nₜ/N₀)/t（h⁻¹）。N₀/Nₜ 可为细胞数或任意一致单位的密度，时间支持小时/天/分钟。前提是两点都处于对数期（接种低于汇合、收获早于接触抑制），否则 t_d 会偏高；并附 HEK293/HeLa/CHO 常见倍增时间参照。来源：Freshney 细胞培养手册。仅供教学与实验规划。

## 示例

- [Android Java 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-java): Android Java 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Kotlin 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-kotlin): Android Kotlin 图像处理示例，包括图像读取保存、缩放和格式转换
- [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
- [Web Rust 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-rust): Web Rust 图像处理示例，包括图像读取保存、缩放和格式转换