One series, mapped across eight frameworks
A breadth overview for school leaders, with a live explorer beneath it. The top sells the breadth in one look; the explorer lets anyone interested drill into a single topic and follow it through to its page on NLSA.uk.
Coverage by framework
How much of each recognised framework the series spans. This is the print / QR-poster view — the single image that makes the breadth obvious without listing every topic.
Which frameworks each book touches
A quick read of how the six books spread across the frameworks. Numbers show how many topics in that book currently map to each framework.
The topic explorer
Filter by framework or search by name. Each topic links onward to its own page on NLSA.uk — the third and deepest level of detail.
How to populate & connect it
All the visuals above are generated from one list near the top of the code, called TOPICS. To add a topic, copy the Emotional Intelligence entry and change the values — its book, its name, its url on NLSA.uk, and which framework items it maps to. The coverage cards, the book matrix and the explorer all rebuild themselves. No need to touch anything else.
The url on each topic is the link back to its educator page — the third zoom level. On printed materials, a single QR code points to this overview; from here, every topic is one click from its own page.
Because it is data-driven, it stays a living view: update a mapping once and the whole picture refreshes — which keeps it in step with the freely-updating pages rather than a frozen document.