Entradas

Mostrando las entradas con la etiqueta gráficas matemáticas

Dashboard de Tenis en Tiempo Real con WebSocket y JavaScript

Imagen
¿Por qué utilizar WebSocket en lugar de una API REST? El caso de Tennis API Cuando trabajamos con APIs, normalmente pensamos en solicitudes HTTP tradicionales donde una aplicación consulta información cada cierto tiempo. Sin embargo, para aplicaciones que requieren datos en tiempo real, existe una alternativa mucho más eficiente: WebSocket. Mientras exploraba las capacidades de Tennis API encontré su integración mediante Socket.IO, una tecnología que permite recibir actualizaciones en tiempo real sin necesidad de realizar consultas constantes al servidor. ¿Cómo funciona una API REST tradicional? Con una API REST, la aplicación debe preguntar periódicamente si existen nuevos datos. Por ejemplo: setInterval(async () => { const response = await fetch("/live-scores"); const data = await response.json(); console.log(data); }, 5000); En este caso la aplicación realiza una consulta cada 5 segundos. El problema es que muchas veces no existe información nue...

Graficar Funciones con JavaScript y HTML Chart.js

Imagen
 Cuando trabajamos con datos o funciones matemáticas, es muy útil poder visualizarlos en una gráfica. Con JavaScript y HTML, esto es sencillo si utilizamos una biblioteca como Chart.js . A continuación, te presento un ejemplo donde graficamos la función cuadrática y = x^3 . Usaremos etiquetas en el eje X desde -10 hasta 10 y graficar los valores correspondientes para y . Aquí tienes el código que necesitas para generar la gráfica: <html lang="es"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Graficar Funciones con JavaScript</title>     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body>     <h1>Graficar Funciones con JavaScript y HTML</h1>     <canvas id="miGrafica" width="400" height="200"></canvas>     <script>   ...

🚀 Mantener este blog funcionando requiere tiempo y café. ¡Puedes contribuir con uno aquí!