iiRecord
Agentic AI Atlas · Analytics Dashboard Stack (React, D3, Recharts, Python, FastAPI, Grafana)
stack-profile:analytics-dashboarda5c.ai
II.
StackProfile JSON

stack-profile:analytics-dashboard

Structured · live

Analytics Dashboard Stack (React, D3, Recharts, Python, FastAPI, Grafana) json

Inspect the normalized record payload exactly as the atlas UI reads it.

File · domain/stack-profiles/deep-stacks-3.yamlCluster · domain
Record JSON
{
  "id": "stack-profile:analytics-dashboard",
  "_kind": "StackProfile",
  "_file": "domain/stack-profiles/deep-stacks-3.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "Analytics Dashboard Stack (React, D3, Recharts, Python, FastAPI, Grafana)",
    "description": "A data analytics dashboard combining React with D3 and Recharts for\nrich, interactive visualizations — from time-series charts and\nheatmaps to custom SVG-based diagrams. Python with FastAPI serves as\nthe analytics API layer, running complex aggregation queries and\nstatistical computations. Pandas and NumPy handle server-side data\nprocessing. Grafana provides complementary operational dashboards for\nmonitoring data pipeline health. PostgreSQL or a columnar store holds\nthe aggregated analytics data. The tradeoff is a split-language stack —\nTypeScript on the frontend, Python on the backend — which requires\ncareful API contract management and two separate build pipelines, but\nunlocks Python's superior data science ecosystem on the server side.\n",
    "composes": [
      "framework:react",
      "library:d3",
      "library:recharts",
      "language:python",
      "framework:fastapi",
      "tool:grafana",
      "library:pandas",
      "language:typescript"
    ]
  },
  "outgoingEdges": [
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "library:d3",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "library:recharts",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "language:python",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "framework:fastapi",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "tool:grafana",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "library:pandas",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "language:typescript",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "library:numpy",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "role:data-analyst",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "role:frontend-engineer",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "role:data-scientist",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "workflow:dashboard-development-cycle",
      "kind": "follows_workflow"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "workflow:analytics-instrumentation-audit",
      "kind": "follows_workflow"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "domain:data-science",
      "kind": "applies_to"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "domain:business-intelligence",
      "kind": "applies_to"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "skill-area:data-visualization",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "skill-area:data-analysis",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "skill-area:backend-api-design",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "skill-area:python-data-pipelines",
      "kind": "requires_skill_area"
    }
  ],
  "incomingEdges": []
}