Excalidraw examples

Start with an editable Excalidraw scene for a coding-interview data structure, a system-design walkthrough, or a general architecture, product flow, database schema, deployment diagram, whiteboard, or roadmap. Click any example to preview it, then open it in the browser editor to change, export, or share it as a compressed URL.

Interview: Coding

Array two-pointer technique

A sorted array with left/right pointers converging toward a target sum, the classic two-pointer interview pattern.

View example

Singly linked list

A singly linked list of three nodes with head/tail labels and a null terminus, boxes plus next-pointer arrows.

View example

Doubly linked list

A doubly linked list with distinct next (forward) and prev (backward) pointer arrows and null termini on both ends.

View example

Binary tree

A valid 6-node binary search tree with a single labeled in-order traversal.

View example

Graph BFS traversal

One undirected graph laid out vertically by BFS depth layer, each layer color-coded, showing how the traversal spreads outward level by level.

View example

Interview: System design

URL shortener — simplified interview design

Separate write (shorten) and read (redirect) paths sharing a durable URL mapping store and a read-through cache.

View example

Twitter-like feed — simplified interview design

A tweet write path with fan-out-on-write to followers' timeline caches, a durable tweet store, and a read path, with a celebrity/hybrid fanout callout.

View example

Instagram-like media feed — simplified interview design

An upload path storing media in object storage/CDN plus post metadata in a database, a feed-generation read path, and async notification processing.

View example

General

System architecture diagram

A hand-drawn web architecture with client, API, cache, and database components.

View example

User flow diagram

A simple signup flow from landing page through validation to success or retry.

View example

Mobile app wireframe

A low-fidelity mobile screen with header, content cards, and bottom navigation.

View example

Brainstorming whiteboard

A moodboard-style layout with a central topic and grouped idea clusters for UX, growth, tech, and ops.

View example

API request flow diagram

A request path from a client app through an API gateway and service layer down to the database.

View example

Database schema sketch

A hand-drawn entity sketch for Users, Orders, and Products with their key fields and relationships.

View example

Cloud deployment diagram

A load balancer routing to two app instances, both sharing a cache and a database.

View example

Product roadmap / user story map

A Now/Next/Later board with story cards stacked under each column.

View example