Here’s a self‑contained HTML + vanilla JavaScript snippet you can drop into a Squarespace Code Block (or the Code Injection area) to recreate that Patagonia‑style scorecard—complete with traffic‑light coloring, hover‑to‑sort, and CSV‑download: ```html

How to read the Patagonia‑style scorecard you see above

Plain‑language headers.
Keeps money away from coal? means how tight their fossil‑fuel and deforestation rules are. On track to net‑zero? looks at the ambition and third‑party validation of their climate targets, and so on.

0–10 scores turned into one simple table.
Green cells (≥ 8) show genuine leadership, amber (5‑7) is “doing something but room to level‑up,” and red (< 5) flags laggards. Hover to sort or download the data.

Overall ESG (right‑hand column).
It’s just the straight average of the six line‑items – no hidden weightings – so consumers can see at a glance who’s walking the talk across Environment, Social and Governance.

Download CSV
Rank Insurer Overall ESG (0‑10) Quick take
1Aviva9.0Climate front‑runner, rock‑solid governance, low complaints.
2Allianz UK8.7Best‑in‑class fossil exit, tight governance, strong social scores.
3AXA UK8.0Early coal exit, rigorous climate & biodiversity plan, needs to narrow its pay gap.
4Bupa7.7Health‑care focus keeps fossil score clean; shines on fair pay.
5Direct Line7.5Good on targets and governance, but recent pricing redress pulls ethics down.
5RSA (Intact)7.5Solid low‑carbon underwriting & living‑wage status; mid‑pack net‑zero timing.
7Zurich UK7.5Strong on people & governance; fossil policy blurred after NZIA exit.
8Admiral7.2Social superstar (pay & inclusion) yet bottom‑quartile on fossil stance & complaints.
9Convex5.3Young specialist carrier: limited disclosure, high fossil exposure, few scandals so far.
10AIG UK6.0Big climate lag, OK on pay & governance, still under activist pressure.

(Scores for any missing G2 items defaulted to “industry‑average” 8; feel free to send exact numbers and I’ll refresh the table.)


How you can use this

  • Web or PDF. Drop the markdown table straight into a CMS or Canva and apply your Aviva palette (#709fcc blue, #4fb57d green, #ef6460 coral, etc.) for the traffic‑light fills.
  • Social snackables. Each insurer’s row can be turned into a swipe‑carousel card: left shows its overall score, right shows one thing they’re nailing and one thing they need to fix.
  • Deck ready. Paste the “Rank” table into PowerPoint; set the header bar to Patagonia‑style off‑white and use the coral for any < 6 scores to keep the design clean but punchy.

Disclaimer (show on every visual): Scores represent Joro’s independent opinion based on publicly available sources cited in our methodology. While accurate to the best of our knowledge as of April 2025, they are not guaranteed complete; insurers had an opportunity to comment before publication.

``` **How it works:** 1. **Traffic‑light coloring** via CSS classes `.high`, `.mid`, `.low` on the score cells. 2. **Hover‑to‑sort**: each `` listens for `mouseenter` and reorders the `` by that column (numeric for rank/score, lexicographical otherwise). 3. **CSV export**: “Download CSV” button serializes the visible table into a CSV file and triggers a download. Just paste the whole block into your Squarespace page’s Code Block (or Site Header for global injection), and you’re good to go. Feel free to tweak the palette hexes or adjust padding/font-sizes to match your theme!