Za izradu zadatka je korišten Create React App zbog pristupačnosti.
Iako se preporuča korištenje Less-a, koristio sam Sass jer ga je moguće koristiti u CRA bez eject-anja i uređivanja webpacka.
Iz istog razloga sam se odlučio za korištenje CSS modula, iako preferiram astroturf, koji je CSS-in-JS rješnje bez runtimea.
Kako bi se bolje vidio raspored vrijednosti po poljima, upotrijebljene su boje koje se zbog svojih perceptivnih karakteristika koriste u vizualizaciji podataka.
Izvori:
- How To Avoid Equidistant HSV Colors
- Cartographic Journal: ColorBrewer.org: An Online Tool for Selecting Colour Schemes for Maps
Unaprijed definirane kolor sheme:
Kako kolor sheme od ColorBrewer-a imaju ograničeni broj unaprijed definiranih vrijednosti, bilo je potrebno generirati vrijednosti programatski. Za to je korišten chroma.js. Također je moguće u app-config.ts
postaviti bilo koji array boja koji će se interpolirati na broj polja.