Selected work / Product 06

Visual weekly scheduling

Strata

A private, browser-based 24-hour weekly schedule builder where people paint time in colour-coded blocks, measure the shape of the week, and export clean structured data.

Launch Strata ↗
AudienceAnyone who plans in time blocks
ProductLocal-first browser application
StatusLive product
Working Strata timetable interface showing categories and colour-coded activities across a seven-day weekly grid with summary and export controls
Working product interfaceThe entire week remains visible while the user paints and analyses time.

The working browser product combines category constraints, a seven-day grid, rapid block painting, weekly summaries, and export tools without requiring an account.

The product problem

A calendar records events. It does not always reveal the shape of the whole week.

People who plan sleep, study, work, travel, training, and open focus time need a view that does not stop at office hours. Conventional calendar interfaces can make the full 24-hour pattern difficult to see and harder to export as usable data.

Strata provides one continuous seven-day canvas with 30-minute resolution. The user paints categories directly onto the grid, adds scheduling semantics, reviews time allocation, and keeps everything on the device.

01 / Visibility

The entire week needed one honest frame.

All 24 hours remain visible so sleep, travel, work, and recovery can be considered together.

02 / Speed

Planning needed to feel tactile.

Click-and-drag painting, erase gestures, keyboard undo, and category selection reduce scheduling friction.

03 / Portability

The schedule needed to leave the interface.

Structured and visual exports let the week move into engines, spreadsheets, and documents.

What the product does

Paint the week. Understand it. Take it anywhere.

Strata combines a direct visual interaction with deeper scheduling metadata, without requiring an account or sending the user's timetable to a server.

01

24-hour weekly grid

Seven days and 336 half-hour slots keep the full weekly pattern visible, including cross-midnight routines.

02

Fast visual painting

Categories, click-and-drag painting, shift-to-erase, notes, hard locks, and stroke-level undo make editing immediate.

03

Engine-aware categories

Priority, flexibility, grouping, minimum hours, and maximum hours turn colour blocks into usable scheduling constraints.

04

Weekly analysis

Category totals, daily scheduled and free time, proportional bars, and constraint violations reveal imbalance before the week begins.

05

JSON, CSV, and PNG export

Users can export the complete data model, a spreadsheet-ready grid, or a clean image—with optional category hiding and automatic empty-row collapse.

06

Private local persistence

The schedule autosaves in browser storage. No account is required and timetable data is not sent to an application server.

Product architecture

A lightweight interface with a deliberately rich export model.

The application keeps runtime complexity low while preserving enough metadata for advanced scheduling tools—including Stratum—to reason about the week.

Local-first interaction

The application runs in the browser, persists to localStorage, and uses direct DOM and canvas capabilities for editing and image export.

No loginLocal storageOffline-capableBrowser canvas

Structured scheduling data

Categories, blocks, locks, notes, priorities, flexibility, hour constraints, and precomputed summaries travel together in the JSON format.

Vanilla HTMLCSSJavaScriptJSONCSVFirebase Hosting

A schedule people can see—and software can understand.

Strata works as a useful standalone timetable and as a structured input surface for more advanced prioritization and scheduling systems.

Try Strata ↗