Skip to content
Visualización de contratos menores de ayuntamientos
JavaScript HTML R CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
analisis
css
data
img
js
madrid/sanidad/2015
paracuellos/contratosmenores/2014
valencia
zaragoza
.directory
LICENSE
README.md
home.html
index.html

README.md

Contratos menores en Valencia

Visualización de datos de los contratos menores del Ayuntamiento de Valencia. Disponible (temporalmente) en http://numeroteca.org/contratosmenores/

Desarrollo a partir de la visuliazación de los gastos de las tarjetas black de los directivos y consejeros de Caja Madrid-Bankia disponible en en http://numeroteca.org/tarjetasblack

Cómo funciona

Descarga el código y abre en un navegador el archivo index.html.

Página

index.html Es la página que vemos en el navegador. Incluye el título de la página, párrafo explicatorio... Abre esta página en tu navegador para ver la visualización.

Visualización

/js/dataviz.js Es el archivo que genera la visualización. Lee los datos de la carpeta /data/ y los muestra con la ayuda de la librería d3 (/js/d3.v3.min.js). Para añadir nuevas funcionalidades tendremos que modificar este archivo:

  • que al pasar el ratón por las barras aparezcan unos datos u otros
  • el comportamiento de los botones
  • la escala de tiempo
  • máximo del eje vertical
  • ...

Datos

  • /data/ En esta carpeta están la lista de los datos que vamos a usar.
  • /data/data.tsv Es el listado de todos los contratos descargado y convertid oa tsv (tab separated value). Se podría hacer usado también el formato csv (comma separated value).

Leyendas

  • /data/viplist.tsv Es la lista de empresas para la leyenda que permite seleccionar la empresa. Está extraida de las empresas que más importe contratan según https://twitter.com/enrikuspf/status/768139411955605508
  • /data/thinglist.tsv Es la lista de elementos para la leyenda que permite seleccionar el tipo de gasto. Se indican también los colores de los botones.
  • /data/centroslist.tsv Es la lista de elementos para la leyenda que permite seleccionar elcentro presupuestario.

¿Cómo funcionan las leyendas?

Buscan en cada una de las columnas de cada contrato de /data/data.tsv la palabra que contiene la leyenda.

En la tabla /data/centroslist.tsv se describe como debe mostrarse el título del centro en castellano (descripEs) y en catalán (descripCat): A la hora de generar la leyenda se llama a descripEs o descripCat según convenga (https://github.com/numeroteca/valenciadata/blob/master/js/dataviz.js#L155).

Colores

/css/style.css Se indican los colores de las barras y botones, aunque también en /js/dataviz.js y en las leyendas se indican colores.

You can’t perform that action at this time.