title: How to draw a simulated ECG?
body: <p><strong>What I would like to create</strong> (it doesn't have to be very precise, it's just for entertainment purposes):</p>
  <p><a href="https://imgur.com/90QLBos" rel="nofollow noreferrer">ECG DEMO</a></p>
  <p><a href="https://i.stack.imgur.com/XTWbV.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XTWbV.gif" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/4ku8e.png" rel="nofollow noreferrer">ECG Picture</a></p>
  <p><img src="https://i.stack.imgur.com/4ku8e.png" alt="ECG Picture" /></p>
  <p><strong>What I have:</strong></p>
  <p>I have a REST API to a service that let's me query the current BPM of the person wearing the pulse measuring device. So I don't have an Event that indicates when a hearth beat is happening. I would have to calculate this with the given BPM. But that's not the issue.</p>
  <p><strong>The Question:</strong></p>
  <p>How would you draw the lines and make them disappear behind and from left to right with a reset when it reaches the right corner. I have some experience in C# WPF, that's why I created the REST Querying stuff there. Are there some Libraries for the drawing part? Is there an easy way to do this by hand?</p>
  <p>I'm really greatful for any advice, since I can't find that much on a rather specific issue like this on the internet. So thank you!</p>
  <p><strong>UPDATE:</strong>
  I got something working using WritableBitmap, but it looks pretty bad. Any idea on how to get a better resolution? I already increased the resolution of the bitmap, but it still looks quite horrible. Is there some sort of Anti-aliasing on this?</p>
  <p><img src="https://i.stack.imgur.com/zcCgh.png" alt="DEMO" /></p>