Frontend Engineer, Data Product Experiences

Stripe

Toronto

On-site

CAD 135,000 - 203,000

Full time

8 hours ago
Be an early applicant
Application generator

Don’t send a generic resume — generate a resume and cover letter tailored to this exact role.

Get past ATS filters

Benefits offered by this job

Equity
Company bonus
Health benefits
Wellness stipends

Job summary

Stripe is seeking a frontend engineer to architect and build high-performance client-side data rendering engines for merchant analytics, collaborating with Designers, Product Managers, and Front-End Systems Engineers to define cutting-edge visualization paradigms.

You will develop scalable, reusable components and charting standards, optimize rendering for large datasets and real-time telemetry, and contribute to Stripe's design system for consistent, accessible dashboards.

Qualifications

  • ,

Responsibilities

  • Prototype, build, and ship interactive analytics dashboards and data visualization tools across the Stripe Dashboard.
  • Develop scalable, reusable visualization components and charting standards for engineering teams.
  • Design frontend integration strategies and robust API contracts for seamless adoption of analytics components.
  • Provide technical leadership and mentorship through code reviews and best practices.
  • Collaborate with Product, Design, Data Infrastructure, and Analytics teams to deliver data-driven user experiences.
  • Optimize rendering performance and state management for large datasets and real-time telemetry.

Skills

2+ years web frontend development
React
TypeScript/JavaScript
HTML5
CSS/Sass
D3.js
Recharts
SVG
Canvas
WebGL
Data density
Cross-browser compatibility
Strong communication

Tools

React
TypeScript
D3.js
Recharts
SVG
Canvas
WebGL
HTML5
CSS/Sass

Job description

About Stripe

Stripe is a financial infrastructure platform for businesses. Millions of companies—from the world’s largest enterprises to the most ambitious startups—use Stripe to accept payments, grow their revenue, and accelerate new business opportunities. Our mission is to increase the GDP of the internet, and we have a staggering amount of work ahead. That means you have an unprecedented opportunity to put the global economy within everyone’s reach while doing the most important work of your career.

Who we are

About Stripe is a financial infrastructure platform for businesses. Millions of companies—from the world’s largest enterprises to the most ambitious startups—use Stripe to accept payments, grow their revenue, and accelerate new business opportunities. Our mission is to increase the GDP of the internet, and we have a staggering amount of work ahead. That means you have an unprecedented opportunity to put the global economy within everyone’s reach while doing the most important work of your career.

About The Team

The Data Product Experiences (DPE) team is dedicated to making Stripe's merchant-facing data products intuitive, delightful, and actionable. We build client-side rendering engines, high-performance charting libraries, and interactive visualization interfaces that handle high-throughput streaming telemetry and real-time merchant analytics.

What you’ll do

In this role, you will architect and build high-performance client-side data rendering engines from scratch to visualize tens of thousands of data points smoothly. You will collaborate closely with Designers, Product Managers, and Front-End Systems Engineers to define cutting-edge data visualization paradigms that reduce cognitive load and prevent visual fatigue for Stripe's users.

Responsibilities
  • Partner with designers and product managers to prototype, build, and ship interactive analytics dashboards and data visualization tools across the Stripe Dashboard.
  • Contribute to Stripe’s core design system by developing scalable, reusable visualization components and charting standards for engineering teams.
  • Design frontend integration strategies and robust API contracts to enable seamless adoption of analytics components by partner teams.
  • Provide technical leadership and mentorship through code reviews, pairing, and fostering frontend engineering best practices.
  • Collaborate across Product, Design, Data Infrastructure, and Analytics teams to deliver high-quality, data-driven user experiences.
  • Optimize rendering performance and state management for web applications handling large datasets, real-time telemetry, and high-density visual components.
Who you are

We’re looking for someone who meets the minimum requirements to be considered for the role. If you meet these requirements, you are encouraged to apply. The preferred qualifications are a bonus, not a requirement.

Minimum Requirements
  • 2+ years of relevant web front-end development or creative technology experience in a tech-forward, product-driven company.
  • Advanced experience with React, modern TypeScript/JavaScript, HTML5, CSS/Sass, and modern web application architecture.
  • Demonstrated experience building interactive web charts and visualizations using tools and libraries such as D3.js, Recharts, SVG, Canvas, or WebGL, with a focus on data density and visual-perceptual hierarchy.
  • Proven track record of writing clear, elegant, well-tested code in a collaborative team environment.
  • Deep experience designing and developing web applications that function seamlessly across modern browsers, screen dimensions, and devices.
  • Strong communication skills with the ability to work effectively alongside technical and non-technical stakeholders alike.
Preferred Qualifications
  • Passion for crafting beautiful data experiences on the web, demonstrated through a design portfolio or frontend codebase showcasing interactive dashboards, custom charting engines, creative tools, or design systems.
  • Exemplary understanding of formal design principles including typography, layout, color theory, data density balance, and visual proportion beyond basic web UI.
  • Experience building sophisticated interactive tools encompassing complex client-side state management, caching, and real-time data fetching strategies.
  • Advanced proficiency with React, with an emphasis on fluid interactions, subtle animations, visual refinement, and web rendering performance.
  • Experience with accessibility (a11y) standards for interactive charts and graphs, A/B testing frameworks, synthetic monitoring, and performance profiling tools.
In-office expectations

Office-assigned Stripes in most of our locations are currently expected to spend at least 50% of the time in a given month in their local office or with users. This expectation may vary depending on role, team and location. For example, Stripes in Stripe Delivery Center roles in Mexico City, Mexico, Bengaluru, India, and Dublin, Ireland work 100% from the office. Also, some teams have greater in-office attendance requirements, to appropriately support our users and workflows, which the hiring manager will discuss. This approach helps strike a balance between bringing people together for in-person collaboration and learning from each other, while supporting flexibility when possible.

Pay and benefits

The annual salary range for this role in the primary location is CA$135,200 - CA$202,800. This range may change if you are hired in another location. For sales roles, the range provided is the role’s On Target Earnings ("OTE") range, meaning that the range includes both the sales commissions/sales bonuses target and annual base salary for the role. This salary range may be inclusive of several career levels at Stripe and will be narrowed during the interview process based on a number of factors, including the candidate’s experience, qualifications, and specific location. Applicants interested in this role and who are not located in the primary location may request the annual salary range for their location during the interview process.

Specific benefits and details about what compensation is included in the salary range listed above will vary depending on the applicant’s location and can be discussed in more detail during the interview process. Benefits/additional compensation for this role may include: equity, company bonus or sales commissions/bonuses; retirement plans; health benefits; and wellness stipends.

We look forward to hearing from you.

At Stripe, we're looking for people with passion, grit, and integrity. You're encouraged to apply even if your experience doesn't precisely match the job description. Your skills and passion will stand out—and set you apart—especially if your career has taken some extraordinary twists and turns. At Stripe, we welcome diverse perspectives and people who think rigorously and aren't afraid to challenge assumptions. Join us.

Get your free, confidential resume review.

or drag and drop your file here.

Similar jobs

Similar jobs worth comparing

Staff Software Engineer, Dashboard Product
Staff Software Engineer, Dashboard Product

Stripe • Toronto

Hybrid
CAD 313,000 - 469,000
Senior Staff Software Engineer, Stripe Dashboard
Senior Staff Software Engineer, Stripe Dashboard

Stripe • Toronto

Hybrid
CAD 379,000 - 568,000
Equity
401(k) plan
Medical benefits
+1
Senior Staff Software Engineer, Stripe Dashboard
Senior Staff Software Engineer, Stripe Dashboard

Monograph • Toronto

Hybrid
CAD 180,000 - 320,000
Equity
Annual bonus
Medical benefits
Staff Product Manager, Sail Core
Staff Product Manager, Sail Core

Stripe • Toronto

Hybrid
CAD 249,000 - 374,000
Equity
Bonus plan
Health/dental/vision
+1
Product Designer, Terminal
Product Designer, Terminal

Stripe • Toronto

On-site
CAD 132,000 - 198,000
Equity
Bonus/Commissions
Health benefits
+1
Product Manager, Connected Account Onboarding Experiences
Product Manager, Connected Account Onboarding Experiences

Stripe • Toronto

Hybrid
CAD 248,000 - 371,000
Equity
401(k) plan
Medical benefits
+1
Integration Engineer, Professional Services
Integration Engineer, Professional Services

Monograph • Toronto

Hybrid
CAD 285,000 - 428,000
Equity
401(k) plan
Medical benefits
+1
Staff Data Analyst
Staff Data Analyst

Stripe • Toronto

Hybrid
CAD 248,000 - 372,000
Equity
401(k) plan
Medical, dental, and vision benefits
+1
Staff Product Manager, Sail Core
Staff Product Manager, Sail Core

Monograph • Toronto

Hybrid
CAD 249,000 - 374,000
Equity
Bonus
401(k) plan
+2
Staff Software Engineer, Risk Data Engineering
Staff Software Engineer, Risk Data Engineering

Monograph • Toronto

Hybrid
CAD 313,000 - 469,000