Data Lineage at a Glance: Building a Self-Serve Data Product Registry

A data management SaaS company needed a product that let enterprise customers find, understand, and request access to data products across their organization. Development was slow: no shared component library, inconsistent UI patterns, and a fragile API layer that was blocking feature work every sprint.

We led end-to-end frontend development of the Data Product Registry on React, Remix, and TypeScript — 50+ reusable components across 20+ routes, shipped from zero to production. We established a shared design system with consistent props APIs, theming tokens, and documentation, which the broader team adopted for 70% of all new feature development. For data lineage views, we built interactive graph visualization using Cytoscape.js — handling pan, zoom, dynamic node rendering, and custom styling — replacing a paid library that was costing the company $20,000 per year.

Product development velocity increased 40%. The $20K annual library subscription was eliminated. The component library became the foundation the internal team builds on today.