Pactometro

Pactometro es un proyecto realizado con Javascript y Bootstrap para representar los posibles pactos que pueden realizar los partidos políticos en España.

Si has visto alguna vez “Al Rojo Vivo” con Ferreras, te sonará el programa, pues básicamente es la idea del programa.

En un JSON tenemos la información de cada partidos y sus escaños. Esto hace que nos sirva para diferentes elecciones

[
    {
        "name": "PSOE",
        "seats": 120,
        "color": "#e30613"
    },
    {
        "name": "PP",
        "seats": 88,
        "color": "#0bb2f7"
    },
    {
        "name": "VOX",
        "seats": 52,
        "color": "#68bd00"
    },
    {
        "name": "Unidas Podemos",
        "seats": 35,
        "color": "#6a1f5f"
    },
    {
        "name": "ERC",
        "seats": 13,
        "color": "#feb832"
    },
    {
        "name": "Ciudadanos",
        "seats": 10,
        "color": "#eb6109"
    },
    {
        "name": "JxCAT-JUNTS",
        "seats": 8,
        "color": "#ed5975"
    },
    {
        "name": "EAJ-PNV",
        "seats": 7,
        "color": "#417505"
    },
    {
        "name": "EH Bildu",
        "seats": 5,
        "color": "#b9ff71"
    },
    {
        "name": "Más País",
        "seats": 3,
        "color": "#0fddc4"
    },
    {
        "name": "CUP-PR",
        "seats": 2,
        "color": "#fff200"
    },
    {
        "name": "CCa-PNC-NC",
        "seats": 2,
        "color": "#0fddc4"
    },
    {
        "name": "NA+",
        "seats": 2,
        "color": "#af111e"
    },
    {
        "name": "BNG",
        "seats": 1,
        "color": "#76b3dd"
    },
    {
        "name": "PRC",
        "seats": 1,
        "color": "#b7bf10"
    },
    {
        "name": "¡TERUEL EXISTE!",
        "seats": 1,
        "color": "#2c7553"
    }
]

Según vayamos pulsando los botones, se irán agregando a la barra de escaños sumándose.

Si volvemos a pulsar sobre uno de ellos de nuevo, se desmarca y se resta del total de escaños.

Aquí tienes el proceso realizado en directo en twitch:

Etiquetas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *