Redesign proposals · /pro/maps · 2026-05-28

Three hierarchy proposals for Maps & Stats

Static mockups. Pick a direction; we then port the chosen layout back into DistrictWorksheet.tsx as a sequence of small PRs.

Full audit at docs/design/2026-05-28-pro-maps-holistic-hierarchy-audit.md.

Picked · v2 refined
Option E · v2

Map-first, resizable, with view modes + shape-click overlay

Map gets 70% of viewport by default; drag the divider to resize. Left pane has a Show: Map / Table / Both dropdown so you can see results in tabular form when needed. Right pane stacks Color map by (searchable combobox + Show boundary toggle), Election & Contest, Overlay districts, Demographics, and is extensible with future panels. Clicking a precinct opens a quasi-modal overlay on the right pane with that precinct's full detail.

v2 refinements from user feedback:
  • Drag-resize handle between left + right panes (desktop view)
  • Show: Map / Table / Both dropdown in left-pane header (desktop view)
  • "Color map by" is a searchable combobox listing available layers
  • "Show boundary" toggle adjacent to the color-by combobox
  • Right pane is extensible: Demographics + Propensity + Turnout + "Add data panel"
  • Click any precinct on the map → quasi-modal overlay on the right pane with full detail (close with Esc or ×)
  • Abbreviations: CD / SD / HD (never SS, never SH)

Other directions considered

Option F

Stacked zones with visual weight

Five labelled zones. Primary district has thick border; map title bar holds color-by mode inline; demographics get tabs. Smallest delta from today's code.

Addresses: 9 of 10 hierarchy problems
Cost: Smallest (3-4 small PRs)
View mockup →
Option G

Workflow ribbon + tabbed detail

Top ribbon: District → Color by → Contest. Map below as single focus. Detail tabs (Results / Demographics / Modality / Overlays / Notes) replace card-flood.

Addresses: 6 of 10 hierarchy problems
Cost: Medium (tab strip + ribbon popovers)
View mockup →
Reference: prior mockups (May 26)

Note: A/B/C/D were the earlier exploration. Option D was picked then reverted (real bugs in draggable workspaces). Workspace v2 spec lives at docs/superpowers/specs/2026-05-27-pro-maps-workspaces-v2.md.

Note

Static visual mockups. Clicks within each mockup don't do anything (drag handle is decorative; combobox doesn't open; precinct click is shown as a separate page). Next step after E is locked: a separate execution plan to port E v2 back to production code as small sequential PRs, each Playwright-verified before merge.