Plugins: added Resource CircularChart example plugin #2832
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Closes #586 [READY FOR REVIEW]
Implements a Resource CircularChart example plugin showing pod failure stats
This PR adds a new example plugin that demonstrates how to use Headlamp's CircularChart components to visualize cluster resource data. The implementation process involved:
Created a new resource-charts plugin showing failed vs total pods
Initially used
CircularChart
component, then simplified to useTileChart
directly:Added documentation in README.md explaining:
The example plugin is:
K8s.ResourceClasses
for data fetchingprocessors
forOverview
page as an example page.redux
slice for plugin charts, then processing on frontend code.Pod Failed Chart on Overview Page:
Plugin Details:
Screencast of failing live Pod:
Screencast.from.2025-02-03.02-45-13.webm
Tests Passing (YES :)