Ask HN: How to build a 2D wave-like line graph that responds to keyboard events?

I’m hoping to build a realtime 2D wave-like line graph with some customizations that responds to user input (keyboard events).

It would need to run on the browser - within a React application.

I’m very new to computer/browser animations and graphics so I would appreciate any direction on how to get started, what relevant subs I should read and what tools I can use that can help me accomplish this.

I’m a software engineer (mostly web, distributed systems, cli tools, etc) but graphics and animation is very new to me.

I’m also potentially open to hiring someone for this as well - but not even sure what type of talent to query for on Upwork, Freelance, etc.

I’ve been diving into the canvas browser API myself for now to explore what's possible.