personas-report

Personas Report Generator

Professional performance report generator for Twitter/X analytics with beautiful Personas branding.

⚡ Quick Start

🌐 Try Online: Report Generator
💻 Local: Open report_generator.html in your browser

📁 Files

report_generator.html - Main application with adaptive UI
report_template.html - Full report template (impressions + clicks)
report_template_impressions_only.html - Impressions-only report template
assets/ - Custom fonts & branding resources

✨ Features

🎨 Visual Design: Animated hexagons • Floating glow effects • Glass-morphism cards • Professional gradients
📊 Analytics: Real-time charts • Automatic affiliate conversion calculations • Growth rate analysis • Performance metrics
📄 Export Formats: HTML • PDF • PNG • CSV • TXT
🔄 Adaptive UI: Optional clicks data • Dynamic template selection • Conditional metric display
📱 Responsive: Optimized layouts • 4-column metrics grid • Clean PDF/PNG exports

🛠️ Usage

Steps:

1. Upload impressions CSV from Twitter/X analytics
2. Enter campaign name
3. Check “I have clicks data” if applicable
4. Add affiliate posts and clicks (manual entry or CSV upload)
5. Generate all reports

💡 New: System adapts automatically based on available data - works with impressions-only or full datasets!

📊 Data Requirements

Required: CSV with Date and Impressions columns
Optional Affiliate & Click Data:

• Check the “I have affiliate posts and clicks data” checkbox
• Enter manually in table or upload separate CSV
• Optional: Include Posts with Affiliate Links column in your CSV
• System calculates affiliate conversion rate (clicks/affiliate posts)

🎨 Branding

Colors: Primary Green #c4fb01 • Cyan #00bcd4 • Dark Theme
Typography: Youth Font (custom Personas) • Professional appearance
Export Optimized: Clean PDF/PNG output • No background artifacts • Proper text rendering

🔧 Technical

Stack: Pure HTML/CSS/JavaScript • No installation • Works offline • Modern browser compatible
Smart Features:

• Dynamic content placeholders for flexibility
• Conditional rendering based on data availability
• Adaptive summary reports
• Export-specific styling for professional output

---

Deploy AI Agents: www.qstarlabs.ai