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. 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. Follow the arrows to identify where information travels and what each block contributes.Download diagram SVG → (online)
Binary representation
Binary representation. Follow the arrows to identify where information travels and what each block contributes.Download diagram SVG → (online)
Carry-aware addition
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. 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. Follow the arrows to identify where information travels and what each block contributes.Download diagram SVG → (online)
Addressable memory
Addressable memory. Follow the arrows to identify where information travels and what each block contributes.Download diagram SVG → (online)
Minimal CPU architecture
Minimal CPU architecture. Follow the arrows to identify where information travels and what each block contributes.Download diagram SVG → (online)
Instruction cycle
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. Follow the arrows to identify where information travels and what each block contributes.Download diagram SVG → (online)
Microcoded control
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. Follow the arrows to identify where information travels and what each block contributes.Download diagram SVG → (online)
Fibonacci state update
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. 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. 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. Follow the arrows to identify where information travels and what each block contributes.Download diagram SVG → (online)
Instruction pipeline
Instruction pipeline. Follow the arrows to identify where information travels and what each block contributes.Download diagram SVG → (online)