Web App Guide#

This guide documents the Cellucid web app UI end-to-end: how to load data, navigate, filter, analyze, export figures, share sessions, and troubleshoot.

If you are looking for Python-side APIs (prepare, serve, show_anndata, hooks), start with Python Package Guide instead.

Where to start (pick one)#

Chapters (what each folder contains)#

Getting started#

Orientation

What Cellucid is, system requirements, a 60-second tour, and how to choose a workflow.

Landing / Orientation Pages (Start Here)
Data Loading

All supported loading paths (exports, file picker, server mode, Jupyter), plus dataset identity, format expectations, and troubleshooting (includes vector fields where relevant).

Data Loading in the Web App (All Paths)

Core UI workflows#

Core Interactions

Navigation, selection primitives, and the “mental model” of interacting with points in the viewer.

Core Interactions (Viewer Basics)
Fields, Coloring, Legends

How Cellucid treats obs fields, categorical vs continuous coloring, legends, and common field pitfalls.

Fields, Coloring, and Legends (Obs/Var)
Filtering

Filtering mental model, UI controls, and edge cases (including “why did my selection disappear?”).

Filtering (Visibility, Outliers, and Filter Stacks)
Highlighting & Selection

Selecting points, highlighting, synchronization rules, and how to reason about “active vs visible vs selected”.

Highlighting and Selection (Groups, Pages, Tools)
Cross-highlighting

How cross-highlighting works across viewers/embeddings and how to debug mismatches.

Cross-highlighting (analysis ↔ embedding; planned)
Analysis

Analysis panel workflows (e.g. marker genes / differential expression), interpretation guidance, and troubleshooting.

Analysis (Modes, Outputs, Interpretation)

Specialized features#

Vector Fields / Velocity Overlay

Enable overlays, choose fields per dimension, tune parameters, and troubleshoot missing/incorrect velocity visuals.

Vector Field / Velocity Overlay (GPU Particle Overlay)
Community Annotation

How multi-user annotation voting works, author setup, annotator workflows, and UI reference.

Community Annotation (Voting + Consensus; GitHub Sync)
Figure Export

Export UI walkthrough, formats, quality knobs, metadata/provenance, and edge cases for publication-ready figures.

Figure Export (Publication-Grade SVG/PNG)
Sessions & Sharing

Saving/restoring UI state, share links, collaboration patterns, and “what makes a session compatible”.

Session Saving, Restoring, and Sharing

Performance, safety, and maintenance#

Benchmarking & Performance

Performance mental model, best practices for large datasets, and how to diagnose GPU/rendering bottlenecks.

Benchmarking and Performance
Accessibility / Privacy / Security

Accessibility guidance plus a practical privacy/security model for “browser ↔ server ↔ data”.

Accessibility, Privacy, and Security
Developer Docs

Architecture notes, state/event model, debugging playbooks, and extension points for contributors.

Developer Documentation (Web App Architecture)
Troubleshooting Index

Symptom → diagnosis → fix across installation, data loading, rendering, selection, analysis, and export.

Troubleshooting (Web App): Start Here
Screenshot Checklist

One place to capture/track screenshots referenced across the web app docs.

Screenshot Checklist (Web App)