01How Computers Work (online)

Editable vector explanations

Diagram gallery

A collection of 21 original scalable SVG diagrams. Each diagram remains crisp when printed or opened on a large monitor.

Layers of a computer

Layers of a computer, diagram of connected labeled components
Layers of a computer. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

The binary signal path

The binary signal path, diagram of connected labeled components
The binary signal path. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Binary representation

Binary representation, diagram of connected labeled components
Binary representation. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

One-bit addition

One-bit addition, diagram of connected labeled components
One-bit addition. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Carry-aware addition

Carry-aware addition, diagram of connected labeled components
Carry-aware addition. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Four-bit ripple adder

Four-bit ripple adder, diagram of connected labeled components
Four-bit ripple adder. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

A two-way selector

A two-way selector, diagram of connected labeled components
A two-way selector. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Clocked storage

Clocked storage, diagram of connected labeled components
Clocked storage. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Addressable memory

Addressable memory, diagram of connected labeled components
Addressable memory. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Shared data path

Shared data path, diagram of connected labeled components
Shared data path. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Minimal CPU architecture

Minimal CPU architecture, diagram of connected labeled components
Minimal CPU architecture. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Instruction cycle

Instruction cycle, diagram of connected labeled components
Instruction cycle. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Decision and next address

Decision and next address, diagram of connected labeled components
Decision and next address. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Microcoded control

Microcoded control, diagram of connected labeled components
Microcoded control. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

A program changes state

A program changes state, diagram of connected labeled components
A program changes state. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Fibonacci state update

Fibonacci state update, diagram of connected labeled components
Fibonacci state update. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

ARM load/store model

ARM load/store model, diagram of connected labeled components
ARM load/store model. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Output to the physical world

Output to the physical world, diagram of connected labeled components
Output to the physical world. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

The software to hardware path

The software to hardware path, diagram of connected labeled components
The software to hardware path. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Instruction pipeline

Instruction pipeline, diagram of connected labeled components
Instruction pipeline. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Memory hierarchy

Memory hierarchy, diagram of connected labeled components
Memory hierarchy. Follow the arrows to identify where information travels and what each block contributes.

Download diagram SVG → (online)

Binary Weights

Technical diagram of binary weights

Download SVG → (online)

Half Adder Real

Technical diagram of half adder real

Download SVG → (online)

Full Adder Real

Technical diagram of full adder real

Download SVG → (online)

Flipflop Timing

Technical diagram of flipflop timing

Download SVG → (online)

Uml Activity

Technical diagram of uml activity

Download SVG → (online)

Uml Memory Sequence

Technical diagram of uml memory sequence

Download SVG → (online)

Isa Fields

Technical diagram of isa fields

Download SVG → (online)