Skip to content

Guided Demos

Hands-on walkthroughs of FCC Phase 12-13 features. Each demo is a self-contained tutorial that walks you through a specific subsystem of the FCC Agent Team Framework, from the React frontend to knowledge federation and RAG pipelines.

Prerequisites

Before starting any demo, make sure you have:

  • Python 3.10+ installed
  • FCC installed in editable mode:
pip install -e ".[dev]"
  • Node.js 18+ (required for the Web Frontend demo)

Work through the demos in this order. Each builds on concepts introduced in the previous one.

# Demo Focus Time Estimate Prerequisites
1 Web Frontend React dashboard, D3 visualizations, WebSocket integration 45--60 min Node.js 18+, cd frontend && npm install && npm start
2 Visualization Cookbook D3 Rosetta pattern, 7 visualization recipes, accessibility 30--45 min Completed Web Frontend demo
3 Distiller Bridge NanoCube queries, data fabrication, exchange contracts 25--35 min Python environment only
4 Open Science FAIR compliance, quality gates, checklist generation 25--35 min Python environment only
5 Messaging Realtime EventBus, WebSocket protocol, SSE bridge, async adapter 35--45 min Python environment only
6 Knowledge Graph Graph model, builders, serializers, federated KG 30--40 min Python environment only
7 RAG Pipeline Document chunking, semantic retrieval, persona-aware generation 25--35 min Python environment only
8 Federation Namespace registry, entity resolution, change tracking 25--35 min Python environment only
9 Tutorial Tracking Progress checkpoints, completion rates, EventBus integration 20--30 min Python environment only
10 Persona Dimensions 9-category dimension profiles, heatmap visualization 25--35 min Python environment only

Quick Start

If you only have 15 minutes, start with the Distiller Bridge or Open Science demo -- they require only the Python environment and cover core FCC concepts without any frontend setup.

For Phase 13 features, start with the Knowledge Graph or Tutorial Tracking demo -- both are self-contained Python walkthroughs that introduce the newest subsystems.

Conventions Used in These Demos

  • Screenshots are included inline to illustrate key UI states and outputs.
  • Code blocks show exact imports and API calls against the real FCC source.
  • All file paths are relative to the repository root.