Skip to content
All work

Phaidra · Software Engineer II

Charts at a Million Points

An AI feature that answered questions with charts, some holding six or more series of about a million points each. I chose the charting library and built the charts.

ReactTypeScriptAG ChartsPerformance
My part
The charts, and the library behind them
Level
Software Engineer II
Data
6+ series × ~1M points each
Stack
React · TypeScript · AG Charts

01The problem

One of Phaidra's AI features answered questions about plant data with charts. Those charts were big: six or more series, with around a million points in each.

The whole point of the feature was to look at the data, so a chart that stutters at that size isn't usable. We were using Highcharts, and the question was whether to keep it.

This was internal product work, so the details of the product stay private. What follows is the shape of the problem and my part in it, at the level I can share publicly.

02What I did

AG Charts over Highcharts

I chose AG Charts because it handled data at this size smoothly and quickly, and because it could be customised far enough to fit inside chat answers.

Trade-offMoving off a library the team already knew, and learning a new API.

Build it into the live feature

I built the charts into the feature itself, connected to the real AI backend and real data. Doing it on the real feature also showed the other developers how easily AG Charts could replace Highcharts.

Trade-offIt had to work with the real backend and real data from the start.

03Outcome

  • AG Charts, chosen for scale

    The charting library for the feature, chosen for data at a million points per series.

  • Built on the real feature

    Real questions, real backend, real data, which let the team see how easily the switch would go.

Next case study

Groupcache for Thanos Store

Thanos · CNCF · LFX Mentorship, open source

esc
↑↓ to move↵ to select