Vektoros grafikonok

2018. február 7.

Pár napja, hogy lecseréltem az eddig használt Flot grafikonrajzolót egy saját készítésű, SVG alapú megoldásra. Több oka is volt:

  • Mivel szerver oldalon renderel, így már JavaScript nélkül is teljes értékűen működik az oldal.
  • Jobban néz ki, végtelenségig nagyítható.
  • Valamennyivel kevesebb a letöltött adat.
  • Eggyel kevesebb külső függőség.

Ez utóbbi egy hosszabb (nagyon hosszú) távú cél érdekében is fontos, ugyanis ki szeretném majd dobni a felesleges terhet. Amikor ezt az új designt összeraktam, még nem nagyon tudtam volna boldogulni a Bootstrap, jQuery és a többi külső függőség nélkül, ma viszont már egyikre sem lenne szükségem. Nélkülük közel 250k-t lehetne megtakarítani. Ok, tömörítve van, szóval valójában csak kb. 70k-t, de a tudat, ugye. Persze, csak ha nincs a cache-ben. :D

Apropó cache. Beállítottam a cache headereket és már a gzip-elést is az Apache-ra bízom a PHP helyett. Jó sok régi környezet workaroundját hordozza ez a kód magával, megbírna egy nagyobb ráncfelvarrást.