Tiny Visualizer is a simple drawing application for visualizing your idea
- Drawing Shapes
- Text Writing
- Image Support
- Undo / Redo
- Zoom and Panning Support
- Resizing
- Style Customizations (Stroke Color, Fill Color, Fill Style, Stroke Width, Stroke Line Dash, Roughness, Font Size, Font Family, Opacity)
- Actions (Copy/Paste, Grouping/Ungrouping, Deleting)
- Keyboard Shortcuts
- Hand-drawn Style
Statecharts were used to construct this project, with the assistance of XState. To explore it further, please check my machine here.
| Tools | |
|---|---|
| Hand (panning tool) | H |
| Selection | 1 |
| Rectangle | 2 |
| Diamond | 3 |
| Ellipse | 4 |
| Arrow | 5 |
| Line | 6 |
| Draw | 7 |
| Text | 8 |
| Insert image | 9 |
| Edit text | Enter |
| Add new line (text editor) | Enter |
| Finish editing (text editor) | Esc or Cmd Enter |
| View | |
|---|---|
| Zoom in | Cmd + |
| Zoom out | Cmd - |
| Editor | |
|---|---|
| Delete | Delete |
| Cut | Cmd X |
| Copy | Cmd C |
| Paste | Cmd V |
| Select all | Cmd A |
| Undo | Cmd Z |
| Redo | Cmd Shift Z |
| Group selection | Cmd G |
| Ungroup selection | Cmd Shift G |