jku-ba-react/src/evaluation/metrics.json

{
  "metrics": [
    {
      "metric": "Drag & Drop Marker",
      "number": "F0",
      "category": "Funktionen",
      "rating": {
        "pigeon": "3",
        "leaflet": "4",
        "mapgl": "4",
        "mapbox": "4",
        "google": "4"
      },
      "comments": {
        "pigeon": "pigeon-draggable installieren, als Component um Marker herum",
        "leaflet": "Marker props",
        "mapgl": "draggable props",
        "mapbox": "draggable props",
        "google": "draggable props"
      }
    },
    {
      "metric": "Marker Beschriftung",
      "number": "F1",
      "category": "Funktionen",
      "rating": {
        "pigeon": "2",
        "leaflet": "3",
        "mapgl": "4",
        "mapbox": "0",
        "google": "4"
      },
      "comments": {
        "pigeon": "m\u00f6glich, custom Overlays, aber keine vorimplementierten Beschriftungen",
        "leaflet": "permanent Tooltip + css",
        "mapgl": "Title zu Marker hinzuf\u00fcgen",
        "mapbox": "",
        "google": "title props"
      }
    },
    {
      "metric": "individualisierbarer Marker",
      "number": "F2",
      "category": "Funktionen",
      "rating": {
        "pigeon": "3",
        "leaflet": "4",
        "mapgl": "4",
        "mapbox": "4",
        "google": "3"
      },
      "comments": {
        "pigeon": "mit Marker nicht m\u00f6chlich, custom Overlay als Marker verwenden; seit Update 0.17 (Dezember 2020) sind Farben m\u00f6chlich",
        "leaflet": "Marker props icon",
        "mapgl": "img oder svg in Marker Component",
        "mapbox": "",
        "google": "nur custom Markers"
      }
    },
    {
      "metric": "Tooltips",
      "number": "F3",
      "category": "Funktionen",
      "rating": {
        "pigeon": "2",
        "leaflet": "4",
        "mapgl": "4",
        "mapbox": "3",
        "google": "4"
      },
      "comments": {
        "pigeon": "m\u00f6glich, custom Overlays, aber keine vorimplementierten Tooltips",
        "leaflet": "Tooltip Component, permanent oder hover",
        "mapgl": "Popup Component",
        "mapbox": "Popup Component",
        "google": ""
      }
    },
    {
      "metric": "Hover over Marker",
      "number": "F4",
      "category": "Funktionen",
      "rating": {
        "pigeon": "2",
        "leaflet": "2",
        "mapgl": "0",
        "mapbox": "0",
        "google": "3"
      },
      "comments": {
        "pigeon": "Design wird ge\u00e4ndert bei hover",
        "leaflet": "riseOnHover, aktueller Marker wird \u00fcber andere gestellt",
        "mapgl": "nicht automatisch, kein on hover event",
        "mapbox": "kein on hover event",
        "google": "Custom hover styles"
      }
    },
    {
      "metric": "Zoom",
      "number": "F5",
      "category": "Funktionen",
      "rating": {
        "pigeon": "2",
        "leaflet": "4",
        "mapgl": "4",
        "mapbox": "4",
        "google": "3"
      },
      "comments": {
        "pigeon": "m\u00f6glich, aber Funktionen und Buttons m\u00fcssen selbst implementiert werden",
        "leaflet": "ZoomControl Component mit Position props",
        "mapgl": "",
        "mapbox": "ZoomControl Component",
        "google": "automatisch, Position/Style nicht ver\u00e4nderbar"
      }
    },
    {
      "metric": "Standort Button",
      "number": "F6",
      "category": "Funktionen",
      "rating": {
        "pigeon": "0",
        "leaflet": "2",
        "mapgl": "4",
        "mapbox": "0",
        "google": "0"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "keine eigene Component aber implementierbar",
        "mapgl": "GeolocateControl Component",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "Button Vollbildmodus",
      "number": "F7",
      "category": "Funktionen",
      "rating": {
        "pigeon": "0",
        "leaflet": "4",
        "mapgl": "3",
        "mapbox": "0",
        "google": "4"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "Zusatzpaket: react-leaflet-fullscreen",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "Button Ansicht drehen und neigen",
      "number": "F8",
      "category": "Funktionen",
      "rating": {
        "pigeon": "0",
        "leaflet": "0",
        "mapgl": "4",
        "mapbox": "4",
        "google": "0"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "NavigationControl Component",
        "mapbox": "RotationControl Component",
        "google": ""
      }
    },
    {
      "metric": "Ma\u00dfstab einblenden",
      "number": "F9",
      "category": "Funktionen",
      "rating": {
        "pigeon": "0",
        "leaflet": "4",
        "mapgl": "4",
        "mapbox": "4",
        "google": "0"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "ScaleControl Component mit Position props",
        "mapgl": "ScaleControl Component",
        "mapbox": "ScaleControl Component",
        "google": ""
      }
    },
    {
      "metric": "verschiedene Kartentypen",
      "number": "F10",
      "category": "Funktionen",
      "rating": {
        "pigeon": "2",
        "leaflet": "4",
        "mapgl": "3",
        "mapbox": "3",
        "google": "3"
      },
      "comments": {
        "pigeon": "abh\u00e4ngig vom Tile Provider (zb OpenStreepMap oder Mapbox), kein Button zum \u00c4ndern",
        "leaflet": "LayersControl Component (Button in Map)",
        "mapgl": "keine eigene Component",
        "mapbox": "keine eigene Component",
        "google": "m\u00f6glich, aber Button nicht direkt implementierbar"
      }
    },
    {
      "metric": "Wege einzeichnen und bearbeiten",
      "number": "F11",
      "category": "Funktionen",
      "rating": {
        "pigeon": "0",
        "leaflet": "4",
        "mapgl": "4",
        "mapbox": "4",
        "google": "3"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "Polyline Component",
        "mapgl": "Source + Line Layer",
        "mapbox": "Layer + Feature",
        "google": ""
      }
    },
    {
      "metric": "Fl\u00e4chen einzeichnen und bearbeiten",
      "number": "F12",
      "category": "Funktionen",
      "rating": {
        "pigeon": "2",
        "leaflet": "4",
        "mapgl": "4",
        "mapbox": "4",
        "google": "4"
      },
      "comments": {
        "pigeon": "Overlay, m\u00f6glich aber nicht f\u00fcr User zeichnen geeignet",
        "leaflet": "react-leaflet-draw",
        "mapgl": "react-map-gl-draw",
        "mapbox": "Zusatzpaket: react-mapbox-gl-draw",
        "google": "https://developers.google.com/maps/documentation/javascript/examples/polygon-simple"
      }
    },
    {
      "metric": "Directions API",
      "number": "F13",
      "category": "Funktionen",
      "rating": {
        "pigeon": "0",
        "leaflet": "0",
        "mapgl": "4",
        "mapbox": "4",
        "google": "3"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "Mapbox Directions API",
        "mapbox": "Mapbox Directions API",
        "google": "eigene API, aber langsam und fehleranf\u00e4llig"
      }
    },
    {
      "metric": "mit Tastatur bedienbar",
      "number": "B0",
      "category": "Benutzerfreundlichkeit",
      "rating": {
        "pigeon": "0",
        "leaflet": "4",
        "mapgl": "4",
        "mapbox": "4",
        "google": "4"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "mit Mausgesten bedienbar",
      "number": "B1",
      "category": "Benutzerfreundlichkeit",
      "rating": {
        "pigeon": "4",
        "leaflet": "4",
        "mapgl": "4",
        "mapbox": "4",
        "google": "4"
      },
      "comments": {
        "pigeon": "seit Update 0.17",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "Smartphone: korrekte Darstellung der Karte",
      "number": "B2",
      "category": "Benutzerfreundlichkeit",
      "rating": {
        "pigeon": "4",
        "leaflet": "4",
        "mapgl": "0",
        "mapbox": "0",
        "google": "4"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "Map Tiles werden nicht dargestellt",
        "mapbox": "Map Tiles werden nicht dargestellt",
        "google": ""
      }
    },
    {
      "metric": "Smartphone: Drag & Drop Marker",
      "number": "B3",
      "category": "Benutzerfreundlichkeit",
      "rating": {
        "pigeon": "0",
        "leaflet": "4",
        "mapgl": "4",
        "mapbox": "0",
        "google": "0"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "Marker wird nicht angezeigt",
        "google": "Marker reagiert nicht auf Drag & Drop"
      }
    },
    {
      "metric": "Smartphone: Gesten (move, zoom, doubleclick)",
      "number": "B4",
      "category": "Benutzerfreundlichkeit",
      "rating": {
        "pigeon": "4",
        "leaflet": "4",
        "mapgl": "4",
        "mapbox": "0",
        "google": "4"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "nicht \u00fcberpr\u00fcfbar, da weder Marker noch Map Tiles angezeigt werden",
        "google": "draggen nicht"
      }
    },
    {
      "metric": "Offlinemodus",
      "number": "B5",
      "category": "Benutzerfreundlichkeit",
      "rating": {
        "pigeon": "0",
        "leaflet": "4",
        "mapgl": "3",
        "mapbox": "3",
        "google": "0"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": "nicht m\u00f6glich"
      }
    },
    {
      "metric": "100 Marker",
      "number": "P0",
      "category": "Performance",
      "rating": {
        "pigeon": "1",
        "leaflet": "4",
        "mapgl": "1",
        "mapbox": "4",
        "google": "2"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "1.000 Marker",
      "number": "P1",
      "category": "Performance",
      "rating": {
        "pigeon": "1",
        "leaflet": "4",
        "mapgl": "0",
        "mapbox": "4",
        "google": "2"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "10.000 Marker",
      "number": "P2",
      "category": "Performance",
      "rating": {
        "pigeon": "1",
        "leaflet": "0",
        "mapgl": "0",
        "mapbox": "4",
        "google": "1"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "100 bewegende Marker ",
      "number": "P3",
      "category": "Performance",
      "rating": {
        "pigeon": "2",
        "leaflet": "3",
        "mapgl": "4",
        "mapbox": "4",
        "google": "0"
      },
      "comments": {
        "pigeon": "smooth, 115727.240 for 500 steps",
        "leaflet": "ruckelig, 76217.835 for 500 steps",
        "mapgl": "smooth, 60346.845 for 500 steps",
        "mapbox": "62796.500 for 500 steps",
        "google": "ruckelig, 191357.195 for 500 steps"
      }
    },
    {
      "metric": "1.000 bewegende Marker ",
      "number": "P4",
      "category": "Performance",
      "rating": {
        "pigeon": "2",
        "leaflet": "1",
        "mapgl": "2",
        "mapbox": "4",
        "google": "0"
      },
      "comments": {
        "pigeon": "174908.070 for 500 steps",
        "leaflet": "250510.020 for 500 steps",
        "mapgl": "167014.530 for 500 steps",
        "mapbox": "67867.355 for 500 steps",
        "google": "gleich ruckelig wie 100? anfangs schnell, dann langsam, 286748.030 for 500 steps"
      }
    },
    {
      "metric": "maximale Anzahl an Markern",
      "number": "P5",
      "category": "Performance",
      "rating": {
        "pigeon": "4",
        "leaflet": "0",
        "mapgl": "2",
        "mapbox": "4",
        "google": "4"
      },
      "comments": {
        "pigeon": "50.000",
        "leaflet": "9.000 Crash, 8.000 schon Probleme (Browser Fenster wird nur mehr halb gerendert)",
        "mapgl": "",
        "mapbox": "50.000",
        "google": ""
      }
    },
    {
      "metric": "CPU Auslasung bewegende Marker?",
      "number": "P6",
      "category": "Performance",
      "rating": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "maximale Anzahl an bewegenden Markern",
      "number": "P7",
      "category": "Performance",
      "rating": {
        "pigeon": "3",
        "leaflet": "3",
        "mapgl": "1",
        "mapbox": "2",
        "google": "4"
      },
      "comments": {
        "pigeon": "30.000",
        "leaflet": "7.000",
        "mapgl": "15.000",
        "mapbox": "20.000",
        "google": "50.000 kein Crash, aber mehrere Sekunden pro Step"
      }
    },
    {
      "metric": "ausf\u00fchrlich (subjektiv)",
      "number": "D0",
      "category": "Dokumentation",
      "rating": {
        "pigeon": "3",
        "leaflet": "4",
        "mapgl": "3",
        "mapbox": "4",
        "google": "3"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": "nicht vollst\u00e4ndig"
      }
    },
    {
      "metric": "React spezifisch",
      "number": "D1",
      "category": "Dokumentation",
      "rating": {
        "pigeon": "4",
        "leaflet": "4",
        "mapgl": "3",
        "mapbox": "4",
        "google": "3"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "Beispiele",
      "number": "D2",
      "category": "Dokumentation",
      "rating": {
        "pigeon": "2",
        "leaflet": "3",
        "mapgl": "4",
        "mapbox": "3",
        "google": "4"
      },
      "comments": {
        "pigeon": "nur ein Beispiel, deckt aber die meisten Funktionen ab",
        "leaflet": "wenige Beispiele",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "Parameter aufgelistet",
      "number": "D3",
      "category": "Dokumentation",
      "rating": {
        "pigeon": "4",
        "leaflet": "4",
        "mapgl": "2",
        "mapbox": "4",
        "google": "2"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": "nicht vollst\u00e4ndig"
      }
    },
    {
      "metric": "Eventhandler augelistet",
      "number": "D4",
      "category": "Dokumentation",
      "rating": {
        "pigeon": "4",
        "leaflet": "4",
        "mapgl": "2",
        "mapbox": "4",
        "google": "4"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "get started example",
      "number": "D5",
      "category": "Dokumentation",
      "rating": {
        "pigeon": "4",
        "leaflet": "3",
        "mapgl": "4",
        "mapbox": "4",
        "google": "4"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "vollst\u00e4ndig",
      "number": "I0",
      "category": "Installation",
      "rating": {
        "pigeon": "4",
        "leaflet": "4",
        "mapgl": "4",
        "mapbox": "4",
        "google": "4"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "Zusatzpakete",
      "number": "I1",
      "category": "Installation",
      "rating": {
        "pigeon": "3",
        "leaflet": "3",
        "mapgl": "4",
        "mapbox": "4",
        "google": "4"
      },
      "comments": {
        "pigeon": "seit Version 0.17 nur mehr pigeon-draggable zus\u00e4tzlich n\u00f6tig (vorher auch Marker und Overlay extra)",
        "leaflet": "Vollbildmodus ist in eigenem Package",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "direkte Verwendung",
      "number": "I2",
      "category": "Installation",
      "rating": {
        "pigeon": "4",
        "leaflet": "4",
        "mapgl": "2",
        "mapbox": "2",
        "google": "0"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "Account und Access Token erstellen",
        "mapbox": "Account und Access Token erstellen",
        "google": "Key erstellen, Zahlungskonto einrichten"
      }
    },
    {
      "metric": "kostenlos",
      "number": "I3",
      "category": "Installation",
      "rating": {
        "pigeon": "4",
        "leaflet": "4",
        "mapgl": "1",
        "mapbox": "1",
        "google": "1"
      },
      "comments": {
        "pigeon": "wenn z.B. OpenStreetMap als Tile Provider verwendet wird",
        "leaflet": "",
        "mapgl": "50.000 free Monthly loads, 5$/1000",
        "mapbox": "50.000 free Monthly loads, 5$/1000",
        "google": "300\u20ac (200?) Guthaben, monatliche Rechnung, dann 2$ pro 1000 Aufrufe"
      }
    },
    {
      "metric": "Support",
      "number": "I4",
      "category": "Installation",
      "rating": {
        "pigeon": "4",
        "leaflet": "4",
        "mapgl": "4",
        "mapbox": "3",
        "google": "3"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    },
    {
      "metric": "Zeitaufwand (subjektiv)",
      "number": "I5",
      "category": "Installation",
      "rating": {
        "pigeon": "3",
        "leaflet": "4",
        "mapgl": "3",
        "mapbox": "3",
        "google": "2"
      },
      "comments": {
        "pigeon": "",
        "leaflet": "",
        "mapgl": "",
        "mapbox": "",
        "google": ""
      }
    }
  ]
}