When groupings are shown on the District Detail, it uses a color scale from "chroma.js" ("Set3"). This looks pretty, but since the groups are right next to each other, when there are a lot of groups (e.g. San Diego Unified), the colors blend.
Better thing would be a way to make this a bit more disrupted so it is more obvious.
Note this generally works well for small districts, and probably big district color coding is almost not worth it, so maybe consider if district.schools.length > 50, then just alternate group backgrounds for like a 4 color palette?
When groupings are shown on the District Detail, it uses a color scale from "chroma.js" ("Set3"). This looks pretty, but since the groups are right next to each other, when there are a lot of groups (e.g. San Diego Unified), the colors blend.
Better thing would be a way to make this a bit more disrupted so it is more obvious.
Note this generally works well for small districts, and probably big district color coding is almost not worth it, so maybe consider if district.schools.length > 50, then just alternate group backgrounds for like a 4 color palette?