A Picture is Worth a Thousand Words: Bring Data Visualization in Backstage
summary
Shows an end to end pipeline that extracts git history with GitHub Actions, runs server side aggregations with D3, and stores CSV metrics where a raw 2.7 MB git log is reduced to about 2.7 MB → 16 KB of aggregated data. Visualizations are authored as Vega.js JSON specs in the Vega editor and embedded via an open source Backstage plugin that respects portal theming and renders interactive charts successfully.
AI-written summary · about
chapters (9)
- 0:00Data visualization in Backstage
- 1:50Software analytics needs visualization
- 4:00Exploring data interactively
- 6:47Data collection patterns
- 10:42Simple visualization pipeline with GitHub Actions
- 16:21Vega for declarative visualizations
- 18:30Vega specification step by step
- 28:44Integrating visualizations in Backstage
- 30:08Q&A
related talks
31mConfessions of a Data Junkie: Fetching, Parsing, and Visualization
29mTaming A Monster With Git Driven Data
48mHow to Analyze Terabytes of Data from GitHub Archive at High Speed
27mScalable Data Visualization
43mBehind the Scenes at Gapminder: A Story about Data and Visualizations
30mText to Visuals: Observe your GitHub repos efficiently
01h 55mUse your data to tell stories
23mGoodbye D3, Hello ECharts