For coded learning and activity logs

See how long, when and in what order

Upload an episode log and get one network that shows how much time learners spent in each behaviour, when in the session it happened, what followed what, and when each link happened. It works with any coded episodes, such as self-regulated learning, collaboration or clickstream events, over minutes, hours or days.

Drop your log file here

CSV, TSV or semicolon-separated text with a header row. The file is read in this browser tab and never uploaded.

Choose file

No data yet?

What your file needs

learner	A pseudonymous IDe.g. S01	Required
behaviour	The code or behavioure.g. Planning, Debugging, Forum post	Required
start	When the episode beganA number (minutes, seconds…), 12:30 (mm:ss), 09:12:30 or a date and time	Required
end	When it endedIf missing, an episode lasts until the next one starts	Optional

Names such as student_id, activity or timestamp are recognised, and you can pick the columns yourself in the next step.

Time spent

Disc area is the share of the time window spent in each behaviour.

When it happened

A clock ring of bars around each disc shows which part of the session it filled, with the start at the top.

What followed what

Arrows link each behaviour to the ones that came next, using ONA's moving window.

When each link happened

Arrows swell in the time slices where the link occurred, coloured from early to late.

Nothing you load leaves your device. The page only fetches its font from Google Fonts. The optional AI reading sends a numeric summary of the figure, never your rows or learner IDs, and only when you ask. Use pseudonymous learner IDs with real student data.

Step 2 of 3

Check how your data was read

Columns

Matched from your header row. Change any that are wrong.

Learner Behaviour Start End (optional)

First rows

Summary

Behaviours

Colours match the network. Spellings are grouped regardless of case.

Before you build

Arrows

Window

0′ – 60′

Swipe sideways to see the whole figure.

Disc area is the share of the window spent in that behaviour. The size key under the figure shows 10% and 25%.

Clock ring: one bar per 5-minute slice, read like a clock: 0′ at the top, then clockwise.

Arrow A → B: B came right after A. Thickness = transitions per learner. Click a disc to highlight only its links.

Loop: the behaviour followed itself.

EarlyArrow colour = minute of sessionLate

This is a descriptive, ONA-inspired figure. Differences between frames or windows are exploratory; it runs no statistical tests.

Ask a language model for a first reading of the figure you are looking at. It gets the numbers behind this figure and its settings, never your rows or learner IDs. Treat the answer as a draft to check against the figure.

Model provider EndpointBase URL ending in /v1 Model API keyYour own key; sent only to the provider Remember the key on this deviceStored in this browser only. Leave off on shared computers. About this data Optional. What was logged and coded, e.g. “60-minute programming lab, SRL codes from screen recordings” or “2-week MOOC, clickstream events” What are you looking for? (optional, but it keeps the reading focused)

See exactly what will be sent

See how long, when and in what order

Drop your log file here

What your file needs

Check how your data was read

Columns

First rows

Summary

Behaviours

Before you build

About this tool

Your data

Cite

See how long, when and in what order

Drop your log file here

What your file needs

Check how your data was read

Columns

First rows

Summary

Behaviours

Before you build

Network