Generate Fully Functioning Webpage with Refined Data Visualization

[igor-holt]

Overview

Create a new, fully functioning frontend webpage that visualizes and refines the sector intelligence data collected by the ForensicCleaner logic core. This page should provide actionable insights into Maryland's non-profit sector, surfacing compliance, risk, and financial health in a modern, interactive interface suitable for analysts.

Requirements

• Display Refined Data: Leverage the output of ForensicCleaner to present key stats, entity information, and risk scores in a user-centric layout.
• Responsive Layout: Ensure the design works across devices (desktop, tablet, mobile).
• KPI and Data Grid: Prominently display KPIs (total assets, active entities, zombies, revoked, etc.) and provide a searchable/filterable table of entities.
• Charts & Visuals: Integrate interactive charts (e.g., Chart.js) to show financial landscapes and compliance risk profiles.
• Status Highlighting: Visually distinguish "Zombie Entities," "Good Standing," and "Revoked" entities, both in analytics and UI styling.
• Live Sync: Connect to /api/intelligence live data endpoint to keep charts and tables updated in real-time.
• Code Quality: Use Tailwind CSS for styling (or suggest a modern alternative if preferred), and ensure clean, maintainable frontend code.

Acceptance Criteria

• Webpage accurately reflects all backend refined data and reacts to live updates.
• Visualizations enable quick identification of high-risk entities.
• Table and charts are interactive and performant on typical analyst hardware.
• All UI states (loading, errors, sync complete) are handled gracefully.

References

• See existing templates/index.html for current implementation baseline.
• Refer to backend Python (app.py, ForensicCleaner) for live data structure.

---

Label: enhancement