Experiment 1: Trace Scroller

Sections in this Article:

• Brief
• Scrolling with Circular Buffers
• Scrolling Using Translate
• Conclusions

Brief

Create a Web Component using JavaScrpt (ES6) to demonstrate scrolling multi-channel traces using scalable vector graphics (svg) that could be used for live charting capabilities. The code has to be performant as it's likely to be used on low-end machines.

The following pages explore ways to achieve this with demonstration code with full explanations.

Continue on reading to Scrolling with Circular Buffers...