Cómo Crear un Dashboard del Ranking WTA con JavaScript usando Tennis API y RapidAPI

Imagen
Si estás desarrollando aplicaciones deportivas, una de las formas más sencillas de obtener datos actualizados de tenis es utilizando la API de Tennis API disponible a través de RapidAPI. En este tutorial mostraré cómo crear un dashboard interactivo del Ranking WTA utilizando HTML, CSS y JavaScript. Los datos son proporcionados por Tennis API, una plataforma especializada en estadísticas, rankings, resultados y datos en tiempo real para ATP, WTA e ITF. ¿Qué es Tennis API? tennis-api.com ofrece acceso a: Ranking ATP y WTA. Resultados en vivo. Calendario de torneos. Estadísticas de jugadores. Datos punto por punto mediante WebSocket. Cuotas deportivas en tiempo real. La API también puede consumirse desde rapidapi.com , lo que facilita las pruebas y la integración en proyectos JavaScript, Python, PHP y otros lenguajes. Resultado Final El dashboard desarrollado permite: Consultar el ranking WTA actualizado. Buscar jugadoras por nombre. Mostrar el Top 3 mundial. Consulta...

📊 Ejemplos de Python para Hacer Gráficas: Visualiza tus Datos con Matplotlib

Como hemos visto en otras publicaciones del blog Python es un lenguaje muy amigable y con muchas librarías que permiten apoyarnos para realizar tareas de la manera más ágil.

En esta ocasión quiero mostrarles como pueden hacer para mostrar datos en mapas, por ejemplo si quieren representar en el mapa de México la cantidad de universidades por cada estado y obtener una imagen como la siguiente:

Ejemplo de gráficos en Python creados con Matplotlib para visualizar datos.

Tendremos que utilizar las librería 

  •  geopandas
  •  matplotlib.pyplot 
  •  numpy 
  •  pandas 

Para este ejemplo necesitamos:


Vamos a utilizar el siguiente código

import geopandas as gpd
import matplotlib.pyplot as plt
import numpy as np
import pandas as pd

direccion = 'tu directorio //mexican-states-master'
direccion2 = 'tu directorio\\carpeta\\'
shapefile = gpd.read_file(direccion+'\mexican-states.shp')
shapefile.head(5)
estados = pd.read_csv(direccion2+'UniMex.csv',encoding='UTF-8',low_memory=False)
estados.head(5)
shapefile = shapefile.merge(
                     right = estados,
                     left_on = 'name',
                     right_on = 'Estado',
                     how = 'left'
                     )
shapefile.plot(column = 'Numero_Universidades',
               legend = True, 
            legend_kwds = {
              'label': "Número de Universidades",
              'orientation': "horizontal"
              },
            cmap = 'Greens')


Les comparto un vídeo demostrativo del programa





Espero les sea de utilidad y nos compartan.

Si buscas otro ejemplo de python y graficar en mapas ve a esta liga
https://www.programacionparatodos.com/2026/01/como-analice-10-anos-de-divorcios-en.html

Comentarios

Publicar un comentario

Dejanos tus dudas y comentarios

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

Entradas más populares de este blog

Guía Práctica: Ejemplo Completo de ASPX para Desarrolladores Web

👉 Cómo obtener el tipo de cambio en Excel con API de Banxico (paso a paso)

Macro en Word para automatizar documentos: genera diplomas en segundos (con código VBA)