{selectedCompetitor.fullName}

{selectedCompetitor.bio}

\n Followers: {formatNumber(selectedCompetitor.followers)}\n Following: {formatNumber(selectedCompetitor.following)}\n Posts: {selectedCompetitor.posts}\n

\n\n

Follower Growth

\n Current Followers: {formatNumber(selectedCompetitor.followers)}\n = 0 ? \"positive\" : \"negative\"}`}>\n {selectedCompetitor.followersGrowth >= 0 ? \"▲\" : \"▼\"}\n {Math.abs(selectedCompetitor.followersGrowth)}%\n \n

\n\n

Engagement Metrics

Average Engagement Rate: {selectedCompetitor.avgEngagementRate}%

\n\n

Audience Demographics

Age Groups

\n {Object.entries(selectedCompetitor.audienceDemographics.ageGroups).map(([age, percentage]) => (\n

{age}: {percentage}%

\n ))}\n

Gender Split

\n {Object.entries(selectedCompetitor.audienceDemographics.genderSplit).map(([gender, percentage]) => (\n

{gender}: {percentage}%

\n ))}\n

Top Locations

\n {selectedCompetitor.audienceDemographics.topLocations.map((location, index) => (\n

{location.country}: {location.percentage}%

\n ))}\n

Audience Interests

\n {selectedCompetitor.audienceDemographics.interests.join(\", \")}\n

\n\n

Story Performance

Views: {formatNumber(selectedCompetitor.storyPerformance.views)}

Interactions: {formatNumber(selectedCompetitor.storyPerformance.interactions)}

Completion Rate: {selectedCompetitor.storyPerformance.completionRate}%

Reply Rate: {selectedCompetitor.storyPerformance.replyRate}%

\n\n

Weekly Performance Trends

\n {selectedCompetitor.weeklyMetrics.map((weekMetric, index) => (\n

Week of {weekMetric.week.toLocaleDateString()}

Follower Growth: {weekMetric.followerGrowth}%

Engagement Rate: {weekMetric.engagementRate}%

Top Hashtags: {weekMetric.topHashtags.join(\", \")}

\n ))}\n

\n\n \n

\n );\n}\n\n// CSS remains mostly the same with some enhancements\nconst css = `\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n margin: 0;\n padding: 20px;\n background-color: #f4f4f4;\n}\n\n.dashboard {\n max-width: 1400px;\n margin: 0 auto;\n}\n\n.competitor-profile {\n text-align: center;\n margin-bottom: 30px;\n padding: 20px;\n background-color: white;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.profile-stats {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-top: 15px;\n}\n\n.post-filters {\n display: flex;\n gap: 10px;\n margin-bottom: 15px;\n}\n\n.trend-positive {\n color: green;\n margin-left: 10px;\n}\n\n.trend-negative {\n color: red;\n margin-left: 10px;\n}\n\n.post-performance-card {\n background-color: #f9f9f9;\n border-radius: 8px;\n padding: 15px;\n margin-bottom: 10px;\n}\n\n.post-details {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n}\n\n.post-caption {\n grid-column: 1 / -1;\n font-style: italic;\n color: #666;\n}\n`;\n\nconst advancedAnalyticsCSS = `\n.advanced-analytics-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n\n.advanced-analytics-grid > div {\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n padding: 15px;\n}\n\n.weekly-metric-card {\n background-color: #f0f0f0;\n border-radius: 6px;\n padding: 10px;\n margin-bottom: 10px;\n}\n`;\n\nconst finalCSS = css + advancedAnalyticsCSS;\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Instagram Competitor Analytics: Sarah Chen\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted","label",[98],"permalink","https://www.val.town/x/Shika2026/skilledCoralCuckoo/code/main.tsx","extension","actionData","errors"]

{selectedCompetitor.fullName}

Follower Growth

Engagement Metrics

Top Posts

Audience Demographics

Age Groups

Gender Split

Top Locations

Audience Interests

Story Performance

Weekly Performance Trends