Building Framework Agnostic Data Visualisation Libraries

on YouTube ↗24m

" summary

AG Charts / AG Grid aims for true framework-agnostic tooling by shipping a single JavaScript core, measuring performance with Chrome DevTools and Angular profiling, and supporting Angular React Vue and vanilla JS while relying on community wrappers for others. Documentation examples are produced by an AST-driven example generator that maps TypeScript snippets to framework code and a CI runs generated examples job that executes them in browsers. APIs favor neutral names like defer render, use version detection toggles, and offer MIT community builds plus paid support.

AI-written summary · about

" chapters (13)

1. 0:00Introduction
2. 0:24Performance across frameworks
3. 1:50Performance metrics
4. 2:33Automating docs and examples
5. 5:03Idiomatic APIs
6. 8:54Framework support and wrappers
7. 9:36Libraries vs apps
8. 12:26Breaking changes and new frameworks
9. 16:08Choosing frameworks
10. 18:16AG Charts licensing
11. 20:0060 FPS performance
12. 22:06AG Grid creative uses
13. 23:32Closing

" related talks

• 36mBuilding framework agnostic UI with Web ComponentsPiotr Nalepa · 4Developers Katowice 2019
• 30mPrototyping Data UI FAST with Ag-Grid & AngularThomas Horvath · FrontEnd Con 2018
• 43mFrameworks and the Future of the Web PlatformRob Wormald · BuzzJS 3.1 2018
• 01h 18mA Deep Look At Angular ElementsManfred Steyer · ng-conf 2019
• 01h 49mAngular and CSS Grid: Get ready to fall in loveBill Odom · ng-conf 2019
• 19mWeb Components with Angular Elements: Beyond the BasicsManfred Steyer · ng-conf 2019
• 32mRise above the FrameworkMike Hartington · JSCamp 2018
• 22mAngular Schematics - the unknown heroChristoffer Noring · NG Poland 2018