WebsiteInteligencia ArtificialFastAPI
Calculadora
IA Interactiva
Dibuja y calcula expresiones matemáticas en un canvas interactivo con renderizado LaTeX y procesamiento backend mediante modelos generativos de IA.
Capturas del Proyecto
Descripción del Proyecto
Descripción del Proyecto
La Calculadora IA Interactiva es una aplicación web que permite a los usuarios dibujar y calcular expresiones matemáticas directamente en un canvas. Integra MathJax para renderizar expresiones LaTeX con precisión tipográfica y se comunica con un backend FastAPI que utiliza modelos generativos de IA para realizar los cálculos. El proyecto nació de la necesidad de una herramienta intuitiva para estudiantes y profesionales que trabajan con expresiones matemáticas complejas, eliminando la barrera de tener que escribir sintaxis LaTeX manualmente.
Características Principales
✏️
Dibujo Interactivo en Canvas
Dibuja expresiones matemáticas a mano alzada con selección dinámica de color y grosor de trazo.
∑
Renderizado LaTeX
MathJax convierte los resultados en expresiones LaTeX tipográficamente perfectas en tiempo real.
Fragmento de Código
calculate.js
1// Envía el canvas al backend IA para procesamiento2const processCanvas = async (canvas: HTMLCanvasElement) => {3 const imageData = canvas.toDataURL("image/png");4 const response = await fetch("/api/calculate", {5 method: "POST",6 body: JSON.stringify({ image: imageData }),7 });8 const { result, latex } = await response.json();9 renderLatex(latex); // MathJax renders the result10};
Desafíos Técnicos
01
Reconocimiento de escritura a mano
Lograr que el modelo IA reconozca expresiones matemáticas escritas a mano con alta precisión, independientemente del estilo de escritura del usuario.