Document surface
PDF and image drawings remain the visual source while an interactive review layer sits above them.
VANTREXIS Labs · DRAFYRA
Review technical drawings in a measurable workspace.
DRAFYRA explores how construction drawings can become interactive browser workspaces—combining calibrated geometry, structured markup, review comments, and coordinate-accurate PDF export.
- Type
- VANTREXIS Labs concept
- Format
- Interactive engineering demonstration
- Workspace
- Browser-based
- Processing
- Browser-local
The concept
A drawing can be more than a passive document.
Static technical drawings are easy to view but difficult to interact with in a structured way. DRAFYRA explores what happens when a drawing becomes a coordinate-aware review surface—combining document rendering, calibrated geometry, and annotation state in one browser workspace.
Measured geometry
A known distance establishes scale so measurements are derived from document-space geometry.
Structured review
Markups, comments, layers, and status remain editable until they are exported into a reviewed PDF.
Core interaction
From drawing input to portable review output.
The workflow keeps rendering, geometry, review state, and export connected through stable document coordinates.
- 01
Drawing input
PDF · PNG · JPEG
- 02
Document rendering
Pages · Render
- 03
Scale & geometry
Calibrate · Measure
- 04
Structured review
Annotate · Comment
- 05
Reviewed PDF
Flatten · Export
Engineering focus
The hard parts live between the document and the interaction.
DRAFYRA focuses on the engineering invariants required to keep drawing review predictable across rendering, zoom, editing, measurement, reset, and export.
Document Rendering
Rendering multi-page technical documents accurately while maintaining interactive overlays.
Coordinate Systems
Mapping pointer interaction between viewport space and stable document coordinates independent of zoom or display size.
Measurement Geometry
Calibrating real-world scale and deriving distance, area, perimeter, and angle from actual geometry.
Structured Annotation State
Representing markups, comments, layers, and review state as editable data rather than flattened pixels.
Interaction History
Maintaining predictable undo, redo, selection, reset, and tool state across a complex drawing workspace.
PDF Export Pipeline
Projecting browser annotations back into document coordinates and producing a portable reviewed PDF.
Architecture
One coordinate model connects every stage.
Viewport transforms affect display only. Measurements, annotations, and exports continue to use stable document coordinates.
- DRAWING INPUT
PDF · PNG · JPEG
- DOCUMENT ENGINE
Rendering · Page model
- COORDINATE WORKSPACE
Viewport transform · Document coordinates
- GEOMETRY & REVIEW
Measurements · Markups · Comments · Layers
- EXPORT PIPELINE
Reviewed PDF
Interactive capabilities
Practical tools built on the coordinate model.
The browser workspace combines calibrated measurement, vector markup, review comments, layers, history, and portable PDF export.
- Calibrated measurement
- Vector markup
- Review comments
- Annotation layers
- Undo and redo
- PDF and image input
- Browser-local processing
- Reviewed PDF export
Implementation context
A functional browser experiment built from real document and geometry primitives.
The editor is client-loaded only on the interactive demo route. Marketing pages do not import the PDF rendering or export libraries.
- Vue 3
- Nuxt
- TypeScript
- PDF.js
- pdf-lib
- SVG vector overlays
- Vitest
Interactive demo
Try the coordinate workspace.
Open the synthetic construction drawing or upload a local PDF or image, set a drawing scale, measure geometry, add review markups, and export the reviewed PDF. Files stay in your browser during this demo.
Have a similar challenge?