II.
StackProfile JSON
Structured · livestack-profile:analytics-dashboard
Analytics Dashboard Stack (React, D3, Recharts, Python, FastAPI, Grafana) json
Inspect the normalized record payload exactly as the atlas UI reads it.
{
"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": []
}