adnansaleem

Lab Live demos

Claims you can click

Two lines on my CV are about making heavy interfaces fast. Here is each technique running in your browser, with synthetic data.

01 Volopa Financial Services

20,000 rows that still scroll

On a multi-currency payments platform I cut table render time by about 70% on datasets over 20,000 rows, using virtualization and memoization. Filter, scroll, then switch virtualization off.

20,000
rows in the data
18
rows in the DOM
–
last update to paint
TX-100000USD2213.13Settled
TX-100001AED651.60Settled
TX-100002SEK24875.86Pending
TX-100003JPY21546.40Settled
TX-100004EUR23762.21Failed
TX-100005CAD4522.91Settled
TX-100006PLN20547.52Settled
TX-100007AED1527.62Settled
TX-100008SEK21143.30Pending
TX-100009CAD17419.93Review
TX-100010PLN11253.82Settled
TX-100011AED3185.03Pending
TX-100012SEK9745.28Settled
TX-100013GBP6959.30Pending
TX-100014PLN4827.46Review
TX-100015USD7868.19Settled
TX-100016GBP23047.84Pending
TX-100017JPY7676.61Settled

Synthetic data. Turn virtualization off and the browser has to build all 20,000 rows at once; watch the paint time.

02 Primary Target GmbH

A dashboard that keeps up with its feed

For the Codex vehicle cybersecurity platform I built real-time threat dashboards on WebSocket feeds. This one runs on a simulated feed: raise the rate and watch the counters, chart and log stay in step.

0
high
0
medium
0
low

Waiting for the first event…

Simulated events, generated in your browser. Nothing here is real vehicle data.

↑ ↓ to move · Enter to run · Esc to close