Skip to main content
INTERACTIVE PLAYGROUND

The experiment room

Pull apart the logic behind the screen. Try it, change it, see what happens.

03 — 04
An independent field guide to computer science

Make sense of
the invisible.

A visual field guide to the ideas shaping our digital world. Start with a question; leave with a little more wonder.

Explore the library ↗ ✳ Surprise me
0Articles
0Categories
0Saved by you
A GOOD PLACE TO BEGIN

Ideas, made clear.

Browse all articles ↗
PLAY WITH THE BUILDING BLOCKS

Learn by doing.

learn by doing

Computers only understand 0s and 1s. Click the bits to flip them. Each bit is worth double the one on its right, and the ones that are ON add up to the number.

Binary
Hex
Octal
ASCII letter

Sorting is one of the most studied problems in computer science. Pick an algorithm and watch how it puts the bars in order.

Comparisons: 0 Swaps: 0

The Caesar cipher hides a message by shifting every letter along the alphabet. It is one of the oldest encryption methods and is said to have been used by Julius Caesar.

Top row: the letter you type. Bottom row: what it turns into.

Encrypted message

Challenge: switch to Decrypt, use a shift of 3, and decode Khoor Zruog.

Logic gates are tiny decision makers inside a processor. Change the inputs and gate to see how a Boolean rule becomes an output bit.

INPUT A0
INPUT B1
&
OUTPUT0
RuleA AND B
Current result0

Truth table

ABA AND B

A data structure is a way to arrange information so a program can use it. Compare a stack, which serves the newest item first, with a queue, which serves the oldest first.

TOP · next out
BOTTOM · first in

Routers pass packets along links to reach a destination. Pick two points, then find the route with the lowest total delay.

YOUYour device
GWHome router
ISPCampus
IXExchange
WEBWeb server
☁Cloud region
Choose a route to begin.Each link shows its delay in milliseconds.

Ask the sample books table a question. Try SELECT, WHERE, ORDER BY, or LIMIT; the small dataset runs right here in your browser.

QUERY EDITOR
Ready to query 8 sample rows.

This learning sandbox supports SELECT, a single basic WHERE condition, ORDER BY, and LIMIT. It uses a small built-in example table.

A regular expression is a pattern for finding text. Edit the pattern or sample, then see each match highlighted as you type.

LIVE MATCH PREVIEW0 matches

The operating system scheduler decides which ready process gets CPU time. Compare first-come-first-served, shortest-job-first, and round-robin scheduling.

Ready processes

CPU TIMELINE
Average wait—
Average turnaround—
CPU finish time—