Start now

Quadrant

Adds a generic 4-quadrant template to the canvas.

Yuttakhan Baingern (B)
Yuttakhan Baingern (B)4
Open in Drawdy

Quadrant — Drawdy Extension

Adds a 4-quadrant diagram template to drawdy.io via right-click context menu.

Quadrant template in drawdy.io

What it does

Right-click canvas → Add quadrant → inserts a labeled 2×2 grid centered on the viewport:

  • 4 colored rectangles (top-left pink, top-right blue, bottom-left green, bottom-right yellow)
  • 4 axis arrows radiating from center
  • Axis labels: Top, Bottom, Left, Right
  • Respects current theme foreground color
  • All elements grouped

Dev

bun install
bun run dev      # watch + bundle
bun run build    # production bundle → dist/
bun run typecheck

Install in drawdy.io

  1. bun run build → produces dist/drawdy-extension.zip
  2. drawdy.io → Extensions → Load from file → select the zip

Structure

src/
  index.ts      # activate + onEvent lifecycle
  quadrant.ts   # element builder
  types.ts      # Context, QuadrantIds
  constants.ts  # colors, sizing
manifest.json   # driverId, permissions