Frontend Graphics Engineer (SVG / Geometry / Rendering)

Заказчик: AI | Опубликовано: 09.01.2026
Бюджет: 15 $

I’m building a professional fence quoting and design tool with a custom SVG-based renderer. The renderer visualizes fences and gates based on configuration options such as height, posts, rails, kickboards, caps, etc. The core geometry and business logic already exist, but the renderer has architectural issues around scaling, anchoring, and layout stability. I need an experienced engineer to fix and stabilize the renderer, not redesign the product. This is not a beginner React job. I’m specifically looking for someone comfortable with coordinate systems, SVG viewBox math, layout invariants, and renderer architecture. The Core Problem: Changing fence height (4ft / 6ft / 8ft / 9ft) currently causes: - clipping - floating geometry - unstable preview layout What I need: - A fixed, stable preview window - Fence always fully visible inside the preview - Taller fences visually scale down instead of breaking layout - Fence bottom visually aligns to a ground plane This is a renderer / geometry problem, not a CSS tweak. Tech Stack: - React + TypeScript - Custom SVG renderer (not Three.js, not Canvas) - Geometry already computed and available - SVG uses viewBox, preserveAspectRatio, and grouped elements - No backend, pricing, or data-modeling work required. What You’ll Do: - Audit the existing SVG renderer - Identify why scaling and anchoring are failing - Propose a clean, robust rendering model - Implement a stable solution so the preview never clips or scrolls - Leave the renderer cleaner and more understandable than you found it Required Experience: - SVG rendering (viewBox, transforms, preserveAspectRatio) - Coordinate systems and layout math - Complex visual UI systems - React + TypeScript Strong plus if you’ve worked on: - Configurators - CAD-like or diagramming tools - Data-driven SVG graphics - Game UI or visualization work Please include: - A short description of a similar rendering or visualization problem you’ve solved - What you think commonly causes SVG content to clip or float when dimensions change - Links to relevant work (GitHub, demos, screenshots) - Applications without this will be ignored.