#LemonCode – Usando layouts de D3js para representar datos 📈📉📊

Buy Me A Coffee

Creando un gráfico de barras

La forma más tradicional y, muchas veces, efectiva de mostrar datos es usar una gráfica de barras. Las personas somos muy buenas comparando longitudes, sobre todo si estan una encima de otra. Por otro lado, los cálculos necesarios para determinar la longitud de las barras son relativamente sencillos, por lo que empezaremos por esta opción.

Buscando datos

Como el tema es de interés, hay datos sobre COVID-19 en todos los lugares imaginables, con series temporales, por municipio, etc. En este tutorial nos centraremos en los datos provinciales en España, pues se pueden agrupar por Comunidad Autónoma, lo que da juego como veremos. No usaremos datos temporales.

Los datos los tomamos de esta web. Están por fecha, con código de provincia, etc. por lo que hicimos un pequeño script de python para extraerlos un poco y que el archivo para trabajar fuera de un tamaño aceptable. Como que no es el objeto del tutorial, dejamos el enlace con el código (convert.py) pero no lo comentaremos.

Si prefieres descargarte el fichero json en lugar de ejecutar el script de python lo puedes encontrar en el siguiente enlace.

El archivo creado, ccaa_provincia.json estará en cada caso de estudio y consiste en un array de la forma

[
  {
    "name": "Alicante",
    "cases": 146364,
    "code": "A",
    "ccaa": "Comunitat  Valenciana"
  },
  {
    "name": "Albacete",
    "cases": 27785,
    "code": "AB",
    "ccaa": "Castilla-La Mancha"
  },
  ...
]

Accede al post completo aquí.

Happy coding!

Greetings

El Bruno



¿Con ganas de ponerte al día?

En Lemoncode te ofrecemos formación online impartida por profesionales que se baten el cobre en consultoría:

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.