Abacus Demo

This is a custom Angular 7 demo element. See my website page for more.

If you inspect the source code of this page, you will just find the custom element markup (and the link to its Javascript code):

<app-abacus></app-abacus>

Type a short text and see the resulting abacus. Additionally, you can change the start and end color for the background gradient.

Please note that not all the browsers yet support this custom element. Please use Chrome or Firefox.