Senior Frontend Engineer - TypeScript/React (or Vue) with Canvas/SVG/WebGL Expertise

Fronet End Consultant-TypeScript/React (or Vue) with deep expertise in Canvas/SVG/WebGL

Req ID: 365456 

NTT DATA strives to hire exceptional, innovative and passionate individuals who want to grow with us. If you want to be part of an inclusive, adaptable, and forward-thinking organization, apply now.

We are currently seeking a Fronet End Consultant-TypeScript/React (or Vue) with deep expertise in Canvas/SVG/WebGL to join our team in Noida, Uttar Pradesh (IN-UP), India (IN).

Role 1: Senior Frontend Engineer

Summary

Own the end-to-end visualization stack that converts PSCAD .pscx XML into an interactive, high-performance 2D schematic. Lead decisions on rendering tech (SVG/Canvas/WebGL), architect the scene graph, and ensure smooth pan/zoom, hit-testing, and highlighting for very large models (5,000+ components). Partner closely with the domain team to reflect power-system semantics in the UI.

Key responsibilities

• Design and implement the XML-to-visual pipeline: parse .pscx (XML) to extract hierarchy, component types, coordinates, orientation, and connections; map to a normalized scene graph.
• Build a performant renderer using Canvas/WebGL/SVG (e.g., PixiJS, Konva, or raw Canvas) with level-of-detail strategies, culling, and virtualization to keep 60 FPS for large models.
• Implement robust interaction: pan/zoom, multi-select, hit-testing, tooltips, context menus, component search, and hierarchical navigation (sub-page drill-down, breadcrumbs).
• Create a reliable mapping between model entities and UI elements to support AI-driven highlights, focus, and annotations from streaming backend messages.
• Develop diff visualization: overlays, side-by-side comparison, and granular param-change highlighting on components and connections.
• Collaborate with the Copilot UI engineer to expose rendering APIs/events (select, highlight, diff apply/revert), and to integrate streaming highlight updates from the backend.
• Document rendering architecture, scene graph schemas, and extension hooks for future features.

Required qualifications

• 5–8+ years building complex frontends in TypeScript/React (or Vue) with deep expertise in Canvas/SVG/WebGL-based visualization.
• Proven experience building large-scale interactive editors/viewers (CAD/EDA, GIS, or engineering dashboards) with strict performance requirements.
• Strong algorithms and data structures background: spatial indexing, graph processing, incremental layout, and memory optimization.
• Experience with binary/text parsing and structured data pipelines; XML parsing and secure handling (prevent XXE, sanitize inputs).

About NTT DATA

NTT DATA is a $30 billion business and technology services leader, serving 75% of the Fortune Global 100. We are committed to accelerating client success and positively impacting society through responsible innovation. We are one of the world's leading AI and digital infrastructure providers, with unmatched capabilities in enterprise-scale AI, cloud, security, connectivity, data centers and application services. our consulting and Industry solutions help organizations and society move confidently and sustainably into the digital future. As a Global Top Employer, we have experts in more than 50 countries. We also offer clients access to a robust ecosystem of innovation centers as well as established and start-up partners. NTT DATA is a part of NTT Group, which invests over $3 billion each year in R&D.

Whenever possible, we hire locally to NTT DATA offices or client sites. This ensures we can provide timely and effective support tailored to each client’s needs. While many positions offer remote or hybrid work options, these arrangements are subject to change based on client requirements. For employees near an NTT DATA office or client site, in-office attendance may be required for meetings or events, depending on business needs. At NTT DATA, we are committed to staying flexible and meeting the evolving needs of both our clients and employees. NTT DATA recruiters will never ask for payment or banking information and will only use @nttdata.com and @talent.nttdataservices.com email addresses. If you are requested to provide payment or disclose banking information, please submit a contact us form, https://us.nttdata.com/en/contact-us.

NTT DATA endeavors to make https://us.nttdata.com accessible to any and all users. If you would like to contact us regarding the accessibility of our website or need assistance completing the application process, please contact us at https://us.nttdata.com/en/contact-us. This contact information is for accommodation requests only and cannot be used to inquire about the status of applications. NTT DATA is an equal opportunity employer. Qualified applicants will receive consideration for employment without regard to race, color, religion, sex, sexual orientation, gender identity, national origin, disability or protected veteran status. For our EEO Policy Statement, please click here. If you'd like more information on your EEO rights under the law, please click here. For Pay Transparency information, please click here.

Experience Level

Senior Level