# Visualização do Controlador PID

Exploração interativa do controle proporcional, integral e derivativo

> Página canônica: https://elysiatools.com/pt/visualizations/pid-controller

- **Categoria:** Math

## Visão geral

Interactive visualization of PID control algorithm with real-time parameter tuning and physical system animation. Explore proportional (P), integral (I), and derivative (D) control components through dynamic visualizations including: (1) Real-time response curve plotting with setpoint tracking, error area visualization, and time-axis scrolling display. (2) Physical system animation showing ball/cart tracking target position on track,直观展示振荡、超调、稳态误差 with velocity indicators and position markers. (3) PID components breakdown chart displaying individual P, I, and D contributions over time. (4) Interactive parameter controls with Kp (0-10), Ki (0-5), Kd (0-5) sliders and real-time value display. (5) Multiple test scenarios: Step response (sudden setpoint change), Disturbance response (external interference), and Sine tracking (dynamic reference following). (6) Real-time metrics: current error, integral term, derivative term, PID output, overshoot percentage, and settling time calculation. (7) Educational content covering PID theory with mathematical formula u(t) = Kp·e(t) + Ki·∫e(t)dt + Kd·de(t)/dt, component explanations (P: responds to current error, I: eliminates steady-state error, D: predicts future error), tuning guidelines (start with Kp, add Ki for steady-state error, add Kd to reduce oscillation), and practical applications (temperature control, motor speed, robotics, drones, cruise control, HVAC systems). (8) System settings: adjustable setpoint (0-100), noise level simulation (0-10), and start/pause/reset controls. PID algorithm implementation: error = setpoint - measured_value, integral += error * dt (with anti-windup clamping), derivative = (error - last_error) / dt, output = Kp * error + Ki * integral + Kd * derivative. Physical simulation using second-order mass-spring-damper system with Euler integration. Canvas-based rendering at 60 FPS with smooth animations, gradient-filled error regions, and responsive design for mobile devices. Multi-language support (zh, en, es, fr, de, ru, pt) with complete translations of theory, controls, metrics, and educational content. Perfect for engineering students studying automatic control principles, embedded developers, robotics enthusiasts, and anyone interested in feedback control systems.

## Conteúdo relacionado

- [Reação de Ordem Zero - Visualização Interativa](https://elysiatools.com/pt/visualizations/zero-order-reaction): Visualização interativa da cinética de reação de ordem zero e mudanças de concentração ao longo do tempo
- [Reação de Primeira Ordem - Visualização Interativa](https://elysiatools.com/pt/visualizations/first-order-reaction): Visualização interativa da cinética de reação de primeira ordem e do decaimento exponencial de concentração
- [Reação de Segunda Ordem - Visualização Interativa](https://elysiatools.com/pt/visualizations/second-order-reaction): Visualização interativa da cinética de reação de segunda ordem e da dinâmica de colisão bimolecular
- [Equação de Arrhenius](https://elysiatools.com/pt/visualizations/arrhenius-equation): Visualização interativa do efeito da temperatura na velocidade da reação - Explore energia de ativação, fator pré-exponencial e constante de velocidade
- [Reação Reversível](https://elysiatools.com/pt/visualizations/reversible-reaction): Visualização interativa da cinética de reação reversível A ⇌ B - Explore taxas de reação, constante de equilíbrio e mudanças de concentração
- [Reação Consecutiva](https://elysiatools.com/pt/visualizations/consecutive-reaction): Visualização interativa da cinética de reação consecutiva A → B → C - Explore picos de concentração intermediária
- [Reação em Cadeia](https://elysiatools.com/pt/visualizations/chain-reaction): Visualização interativa da polimerização radical em cadeia
- [Princípio de Le Chatelier](https://elysiatools.com/pt/visualizations/le-chateliers-principle): Visualização interativa do princípio de Le Chatelier - Explore como mudanças de concentração, pressão e temperatura afetam o equilíbrio químico