Entradas

Mostrando las entradas con la etiqueta Consumir API con JavaScript ejemplos

¿Más disparos significan un mejor equipo? Los datos dicen que no

Imagen
📊 ¿Más disparos significan un mejor equipo? Los datos dicen que no Cuando pensamos en un equipo dominante solemos imaginar una selección que dispara una y otra vez al arco rival. Sin embargo, el análisis de datos del Mundial FIFA 2026 muestra una realidad mucho más interesante: la cantidad de disparos no siempre se traduce en más goles . En este análisis comparé dos visualizaciones completamente diferentes, pero que juntas ayudan a entender mejor el rendimiento de las selecciones durante el torneo. ⚽ Las selecciones más eficientes La primera gráfica muestra el porcentaje de conversión de disparos en goles. En otras palabras, responde a una pregunta muy sencilla: ¿Qué selección necesita menos disparos para marcar un gol?   Aquí encontramos algunas sorpresas. Países Bajos lidera el ranking con una efectividad cercana al 24%, seguido por Japón y Noruega. Esto significa que estos equipos aprovecharon al máximo cada oportunidad creada. También resulta interesante ...

👉 Aprende a usar una API de Fórmula 1 con JavaScript | Tutorial paso a paso

Imagen
🏎️ Cómo usar una API de Fórmula 1 con JavaScript (Ranking de pilotos en tiempo real) Si eres fan de la Fórmula 1 y además te gusta programar, este tutorial te encantará. En lugar de buscar los resultados de cada carrera en distintas páginas, ¿por qué no crear tu propia aplicación para consultar el ranking de pilotos en tiempo real? En esta guía aprenderás cómo consumir una API de Fórmula 1 usando JavaScript , obtener datos en formato JSON y mostrarlos en tu propia página web. Este es un ejercicio perfecto si estás comenzando en el mundo de las APIs o quieres practicar integraciones reales. Ejemplo de API de Fórmula 1 con JavaScript (fetch paso a paso) Este es un ejemplo práctico de cómo consumir una API de Fórmula 1 con JavaScript usando fetch . Obtendremos el ranking de pilotos en tiempo real en formato JSON. fetch("https://api.jolpi.ca/ergast/f1/current/driverStandings.json") .then(res => res.json()) .then(data => { console.log(data.MRData.Sta...

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