🧬 Mathematical Foundations

Cellular Spatial Structure Theory

The Science Behind Visual Clarity

ColorQueueList is built on a rigorous mathematical framework called Cellular Spatial Structure Theory. Cells live in a product space of categories and time—List view projects onto spatial clusters, Flow view projects onto the temporal axis. This page explains the mathematics behind both views.

What is Cellular Spatial Structure Theory?

A mathematical framework that models information as discrete units (cells) within a structured spatial-temporal system, optimizing human cognition through visual organization.

🔷

Cell

The atomic unit of information. Each task is a cell—an indivisible, self-contained unit with properties including content, category, schedule, duration, and recurrence.

🔶

Cluster

A collection of related cells grouped by shared attributes. Categories in ColorQueueList form clusters, visually distinguished by color.

🔄

Topology

The spatial-temporal arrangement of cells. Categories form a circular space S¹; time forms a continuous line ℝ. Together they create the product space S¹ × ℝ.

📦

Semantic Compression

Reducing cognitive load by encoding meaning in visual properties. Color encodes category, position encodes priority, opacity encodes state.

🏗️

Cell Hierarchy

Multi-level organization where cells exist within clusters, clusters within spaces. This fractal structure enables scalable organization.

🧠

Cognitive Optimization

Using color and spatial positioning to minimize the mental effort required to process information. See all, understand instantly.

📐

Temporal Projection

Projecting cells onto the time axis creates the Flow view. Day, Week, and Month are different granularity windows on the same temporal dimension.

🔀

Duality Principle

Every cell simultaneously exists in spatial (List) and temporal (Flow) views. Two complementary projections of a single underlying structure.

The Mathematics Behind the Design

Explore the formal mathematical structures that make ColorQueueList intuitive.

Cell Structure Definition

From Points to Spatial-Temporal Objects

A cell C is defined as an extended tuple in a meaning space:

C = (id, σ, τ, ρ, t, s, d, r)

Where id is unique identifier, σ is semantic content, τ is category, ρ is priority, t is creation time, s is scheduled time (optional), d is duration (optional), and r is recurrence rule (optional). The schedule fields enable temporal projection into Flow views.

Content (σ) Time (t, s) Category (τ) C

Spatial-Temporal Topology

Product Space S¹ × ℝ

Cells inhabit a product topology of category space and time:

CellSpace = S¹ × ℝ

Categories form a circular space S¹ (swipe wraps around). Time forms a continuous line ℝ (scrollable timeline). The full cell space is S¹ × ℝ. List view projects onto S¹ (group by category), Flow view projects onto ℝ (order by time).

ℝ (Time) Flow → ← List

State Space & Time Evolution

Task Lifecycle as State Machine

Each cell evolves through a finite state space:

States = {active, completed, expired}

Transitions: active → completed (user action), completed → expired (7 days elapsed). In Flow view, cells past their scheduled time without completion enter a visual "overdue" state, adding temporal urgency.

Active Completed Expired tap 7 days

Templates as Morphisms

Shape Preservation in Cell Collections

A template T is a structure-preserving map (morphism):

T: Template → List

Templates preserve the "shape" of cell collections—relationships, ordering, and category assignments are maintained when instantiated.

Template T List

Temporal Projection

From Product Space to Timeline

The Flow view is a projection from the full cell space onto the time axis:

π_t : S¹ × ℝ → ℝ,   View(I) = {C | π_t(C) ∈ I}

Day, Week, and Month views are windowed projections—they select cells whose scheduled time falls within an interval I. This single mathematical operation creates three distinct yet consistent views of the same data.

Day Week Month π_t Cells

Recurrence as Orbit Generator

Periodic Patterns in Time

A recurrence rule R generates an orbit—a periodic sequence of cell instances along the time axis:

R(C₀, T) = {C₀(t₀ + nT) | n ∈ ℕ}

A master cell C₀ combined with period T produces instances at regular intervals. Each instance inherits the master's properties but occupies a unique position on ℝ. Modifying "this and future" splits the orbit at a bifurcation point.

C₀ Master C₁ C₂ C₃ Period T Instances

System Stability & Homeostasis

Automatic Equilibrium Maintenance

The system maintains homeostasis through automatic processes:

|ActiveCells| + |CompletedCells| ≤ Capacity

Auto-deletion after 7 days acts as a regulatory mechanism, preventing unbounded growth and maintaining cognitive manageability.

Capacity Time Items auto-delete

ColorQueueList Features & Cell Theory

How each app feature corresponds to concepts in Cellular Spatial Structure Theory.

App Feature Cell Theory Concept User Benefit
List Item Cell (atomic information unit) Clear, focused task representation
Category Topological Space / Cluster Visual grouping by context
Swipe Navigation Navigation on S¹ Fluid, continuous browsing
7-Day Auto-Delete Cell Lifespan / Homeostasis Self-maintaining cleanliness
Template Morphism / Shape Replication Reusable task structures
At-a-Glance View Semantic Compression Instant comprehension
Color Coding Visual Encoding Function Pre-attentive processing
Completed Section State Partition Clear progress visibility
Day / Week / Month Views Temporal Projection (π_t) See tasks across any time scale
Recurring Tasks Periodic Orbit Generator Set once, repeat automatically
Reminders Temporal Trigger Function Never miss scheduled tasks
List ↔ Flow Navigation Duality Isomorphism Seamless view switching
Task Detail Sheet Cell Property Inspector Full task information access
Workload Display Temporal Density Function Visualize busy periods at a glance

Theoretical Diagrams

Visual representations of the mathematical structures underlying ColorQueueList.

Information Space Cluster A Cluster B C₁ C₂ C₃ C₄ C₅ C₆

Cell Hierarchy Model

Cells organize into clusters, clusters into spaces—a fractal structure for scalable information management.

Time (ℝ) Category (S¹) List View Flow View S¹ × ℝ

Product Space S¹ × ℝ

Categories form a ring (S¹), time flows continuously (ℝ). List projects onto the category axis; Flow projects onto the time axis.

Template T Instance Buy milk Clean room Email boss Learn piano

Template Morphism

Templates as structure-preserving maps from abstract patterns to concrete task lists.

List View Task A Task B Task C Task D Task E Flow View 9:00 Task D 10:00 Task A 12:00 Task C 14:00 Task B 16:00 Task E Same Cell

List ↔ Flow Duality

The same cells viewed through two complementary projections—spatial grouping (List) and temporal ordering (Flow).

C₀ Master C₁ C₂ C₃ T Orbit

Recurrence Orbit

A master cell generates periodic instances along the time axis. Each instance inherits the master's properties.

Work Completed Timeline 9:00 10:00 12:00 14:00 16:00 Cell Cluster State List Flow

UI Correspondence Map

How theoretical concepts manifest in both List and Flow interfaces.

Experience Theory in Practice

Download ColorQueueList and feel the difference that principled design makes.