# influencer-analysis/instagram-influencer-dashboard architecture

> Architecture diagram of the GitHub repository influencer-analysis/instagram-influencer-dashboard, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-26). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/influencer-analysis/instagram-influencer-dashboard
- Repository: https://github.com/influencer-analysis/instagram-influencer-dashboard

## Overview

This is a static, browser-only Instagram influencer analytics dashboard. A visitor explores a category or searches for an influencer; the page fetches precomputed CSV data, parses it client-side, and renders profile, category, recommendation, and glossary views with charts. The four CSVs are documented inputs produced by a separate analytics pipeline. The README describes the runtime flow, but no source excerpts were available, so internal call ownership beyond that documented flow is not inferred.

Main entry points: [`index.html`](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html) (Dashboard), [`data/user_vectors_v2.csv`](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/data/user_vectors_v2.csv) (Influencer profiles), [`data/user_similarity_topk.csv`](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/data/user_similarity_topk.csv) (User similarities), [`data/user_item_topk.csv`](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/data/user_item_topk.csv) (Recommended posts)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_data["Precomputed Data"]
  node_profiles_data["Influencer profiles"]
  node_similarity_data["User similarities"]
  node_recommendation_data["Recommended posts<br/>[user_item_topk.csv]"]
  node_post_data["Post features"]
end

subgraph group_runtime["Browser Runtime"]
  node_dashboard["Dashboard<br/>[index.html]"]
  node_csv_parser["PapaParse<br/>[index.html]"]
  node_charts["Chart.js<br/>[index.html]"]
end

subgraph group_views["Dashboard Views"]
  node_explore["Explore categories<br/>[index.html]"]
  node_category_metrics["Category analytics<br/>[index.html]"]
  node_profile_search["Profile search<br/>[index.html]"]
  node_profile_details["Profile analytics<br/>[index.html]"]
  node_similar_influencers["Similar influencers<br/>[index.html]"]
  node_recommended_posts["Relevant posts<br/>[index.html]"]
  node_help["Help glossary<br/>[index.html]"]
end

node_visitor(("Visitor"))
node_github_cdn{{"GitHub raw CDN"}}

node_visitor -->|"opens"| node_dashboard
node_profiles_data -->|"served as"| node_github_cdn
node_similarity_data -->|"served as"| node_github_cdn
node_recommendation_data -->|"served as"| node_github_cdn
node_post_data -->|"served as"| node_github_cdn
node_github_cdn -->|"streams CSV"| node_csv_parser
node_csv_parser -->|"provides parsed data"| node_dashboard
node_dashboard -->|"renders"| node_explore
node_dashboard -->|"renders"| node_profile_search
node_dashboard -->|"renders"| node_help
node_explore -->|"shows"| node_category_metrics
node_profile_search -->|"shows"| node_profile_details
node_profile_search -->|"shows"| node_similar_influencers
node_profile_search -->|"shows"| node_recommended_posts
node_dashboard -->|"renders visualizations"| node_charts

click node_dashboard "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html"
click node_csv_parser "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html"
click node_charts "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html"
click node_profiles_data "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/data/user_vectors_v2.csv"
click node_similarity_data "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/data/user_similarity_topk.csv"
click node_recommendation_data "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/data/user_item_topk.csv"
click node_post_data "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/data/post_vectors_slim.csv"
click node_explore "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html"
click node_category_metrics "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html"
click node_profile_search "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html"
click node_profile_details "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html"
click node_similar_influencers "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html"
click node_recommended_posts "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html"
click node_help "https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_profiles_data,node_similarity_data,node_recommendation_data,node_post_data toneBlue
class node_dashboard,node_csv_parser,node_charts toneAmber
class node_explore,node_category_metrics,node_profile_search,node_profile_details,node_similar_influencers,node_recommended_posts,node_help toneMint
class node_visitor,node_github_cdn toneIndigo
```

## Components

### Precomputed Data

- [Influencer profiles](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/data/user_vectors_v2.csv): `data/user_vectors_v2.csv`
- [User similarities](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/data/user_similarity_topk.csv): `data/user_similarity_topk.csv`
- [Recommended posts](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/data/user_item_topk.csv): `data/user_item_topk.csv`
- [Post features](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/data/post_vectors_slim.csv): `data/post_vectors_slim.csv`

### Browser Runtime

- [Dashboard](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html): `index.html`
- [PapaParse](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html): `index.html`
- [Chart.js](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html): `index.html`

### Dashboard Views

- [Explore categories](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html): `index.html`
- [Category analytics](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html): `index.html`
- [Profile search](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html): `index.html`
- [Profile analytics](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html): `index.html`
- [Similar influencers](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html): `index.html`
- [Relevant posts](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html): `index.html`
- [Help glossary](https://github.com/influencer-analysis/instagram-influencer-dashboard/blob/main/index.html): `index.html`

### Other components

- **Visitor**
- **GitHub raw CDN**

## Connections

- Visitor → Dashboard: opens
- Influencer profiles → GitHub raw CDN: served as
- User similarities → GitHub raw CDN: served as
- Recommended posts → GitHub raw CDN: served as
- Post features → GitHub raw CDN: served as
- GitHub raw CDN → PapaParse: streams CSV
- PapaParse → Dashboard: provides parsed data
- Dashboard → Explore categories: renders
- Dashboard → Profile search: renders
- Dashboard → Help glossary: renders
- Explore categories → Category analytics: shows
- Profile search → Profile analytics: shows
- Profile search → Similar influencers: shows
- Profile search → Relevant posts: shows
- Dashboard → Chart.js: renders visualizations