Entradas

Mostrando las entradas con la etiqueta dibujar rectangulo javascript

¿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 ...

Especial Navideño dibujar Árbol de Navidad con Javascript

Imagen
Buen día, bienvenidos a este blog de programación, como ya estamos en época  Navideña , me gustaría compartirles un ejemplo de como  dibujar un Pino y una Corona de Navidad (con imaginación) en un lenguaje que ya vimos previamente que es Javascript . Para esto vamos a utilizar las etiquetas de Canvas que son soportadas en HTML5 y en los siguientes navegadores, Canvas es un termino para decir que es nuestra área de trabajo o nuestro lienzo donde vamos a dibujar, es soportado en los siguientes Browse: https://www.w3schools.com/html/html5_canvas.asp Para dibujar un circulo tenemos la función arc que tiene los siguiente parámetros context. arc(x,y,r,sAngle,eAngle,counterclockwise); coordenada x dentro del canvas  coordenada y dentro del canvas Valor del radio El angulo  inicial El angulo final Para especificar si es dentro o fuera la función  Para dibujar un arbolito es mediante líneas y mover sin despejar el lápiz pa...

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