first commit

78ec9a5d · miguel · 78ec9a5d · 78ec9a5d · 78ec9a5d
Commit 78ec9a5d authored 4 months ago by miguel
--- a/src/files/games-data.csv
+++ b/src/files/games-data.csv
--- a/src/visualizacion.html
+++ b/src/visualizacion.html
+<!DOCTYPE html>
+<html lang="es">
+    <head>
+        <title>Visualización DESI</title>
+    </head>
+        <meta charset="utf-8">
+        <script src="https://d3js.org/d3.v7.min.js"></script>
+
+    <body>
+        <script src="visualizacion.js"></script>
+        <div class="container" id="div-leyenda">
+            <!-- En esta seccion la leyenda -->
+            <!-- Interaccion con D3 para modificar HTML aqui -->
+        </div>
+        <svg>
+
+        </svg>
+    </body>
+</html>
\ No newline at end of file
--- a/src/visualizacion.js
+++ b/src/visualizacion.js
+/**
+ * Diccionario de correspondencia de una consola / plataforma con su color representativo
+ */
+const consolaColores = {
+    Nintendo64:         "#E1A84E",
+    PlayStation:        "#4A7DCE",
+    PlayStation3:       "#666666",
+    Dreamcast:          "#D47A45",
+    Xbox360:            "#8BBF61",
+    Wii:                "#5EB8EC",
+    XboxOne:            "#629A62",
+    Switch:             "#C84D4D",
+    PlayStation2:       "#3A66A1",
+    PlayStation4:       "#3D76C9",
+    GameCube:           "#8B5DB7",
+    Xbox:               "#619A61",
+    PC:                 "#9A9A9A",
+    WiiU:               "#63B6D5",
+    GameBoyAdvance:     "#8574B5",
+    "3DS":              "#C1536E",
+    DS:                 "#BBBBBB",
+    PlayStationVita:    "#5A7EB0",
+    PSP:                "#545454",
+    XboxSeriesX:        "#4F5B4A",
+    PlayStation5:       "#C5D1E3",
+    Stadia:             "#D45A3B"
+};
+
+/**
+ * Diccionario de correspondencia de una desarrolladora con su color correspondiente.
+ * Si una desarrolladora no está dentro del diccionario tomará un color gris claro #BBBBBB
+ */
+const developerColors = {
+    Capcom:             "#C75450",
+    TelltaleGames:      "#6A9CCB",
+    EASports:           "#65A879",
+    Nintendo:           "#D84840",
+    Konami:             "#C25C74",
+    EACanada:           "#518E85",
+    UbisoftMontreal:    "#5A78B8",
+    Ubisoft:            "#4C96C9",
+    SquareEnix:         "#D48E47",
+    OmegaForce:         "#A17367",
+    ElectronicArts:     "#7A9098",
+    EATiburon:          "#68A8B9",
+    Codemasters:        "#84A85B",
+    Sega:               "#5272A5",
+    BandaiNamcoGames:   "#D69444",
+    VisualConcepts:     "#6488C0",
+    "Traveller'sTales": "#9569A1",
+    VicariousVisions:   "#A3A658",
+    Namco:              "#C87478"
+};
+
+
+
+d3.csv('files/games-data.csv').then((data) => {
+    let set = [];
+    let count = {};
+    for (let i = 0; i < data.length; i++) {
+        let options = data[i].developer.split(',');
+        for(let option of options){
+            if(count[option]) count[option]++;
+            else count[option] = 1;
+        }
+    }
+
+    const pares = Object.entries(count);
+    pares.sort(([, a], [, b]) => b - a);
+    const claves = pares.map(([clave]) => clave);
+
+})
\ No newline at end of file