Skip to content

feat: Add interactive Python dashboard for Kafka health visualization #10

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

nomannaq
Copy link

  • Add Plotly Dash-based dashboard for visualizing Kafka analysis reports
  • Include real-time health score gauge with color-coded indicators
  • Provide interactive charts for health checks and topics distribution
  • Add sortable/filterable health checks table with recommendations
  • Support auto-refresh for continuous monitoring (30-second intervals)
  • Include cluster overview with broker and controller information
  • Add comprehensive documentation and setup instructions
  • Provide integration scripts for combined analysis + dashboard workflow

Features:

  • Health score gauge with visual indicators
  • Interactive bar charts for health check status
  • Topics distribution pie charts
  • Detailed health checks table with filtering
  • Cluster information cards
  • Auto-refresh capability for real-time monitoring
  • Responsive design with Bootstrap components

Files added:

  • examples/dashboard/requirements.txt - Python dependencies
  • examples/dashboard/src/kafka_dashboard.py - Main dashboard application
  • examples/dashboard/src/data_loader.py - Data loading utilities
  • examples/dashboard/src/components/charts.py - Chart components
  • examples/dashboard/run_dashboard.py - Dashboard launcher script
  • examples/dashboard/README.md - Dashboard documentation
  • examples/dashboard/integration/ - Combined workflow scripts

This enhancement provides visualization capabilities for the generated reports without modifying the core analyzer functionality.

- Add Plotly Dash-based dashboard for visualizing Kafka analysis reports
- Include real-time health score gauge with color-coded indicators
- Provide interactive charts for health checks and topics distribution
- Add sortable/filterable health checks table with recommendations
- Support auto-refresh for continuous monitoring (30-second intervals)
- Include cluster overview with broker and controller information
- Add comprehensive documentation and setup instructions
- Provide integration scripts for combined analysis + dashboard workflow

Features:
- Health score gauge with visual indicators
- Interactive bar charts for health check status
- Topics distribution pie charts
- Detailed health checks table with filtering
- Cluster information cards
- Auto-refresh capability for real-time monitoring
- Responsive design with Bootstrap components

Files added:
- examples/dashboard/requirements.txt - Python dependencies
- examples/dashboard/src/kafka_dashboard.py - Main dashboard application
- examples/dashboard/src/data_loader.py - Data loading utilities
- examples/dashboard/src/components/charts.py - Chart components
- examples/dashboard/run_dashboard.py - Dashboard launcher script
- examples/dashboard/README.md - Dashboard documentation
- examples/dashboard/integration/ - Combined workflow scripts

This enhancement provides visualization capabilities for the generated
reports without modifying the core analyzer functionality.
@yanivbh1
Copy link
Contributor

Hey @nomannaq ,
Thanks a lot for taking the time to implement this — it’s a significant improvement! That said, I think the ideal approach would be to:

Convert the dashboard to JavaScript for better integration and maintainability.

Move the existing script logic into the backend, and expose it via an API endpoint so it can be triggered appropriately.

Let me know what you think!

@nomannaq
Copy link
Author

Hey @nomannaq , Thanks a lot for taking the time to implement this — it’s a significant improvement! That said, I think the ideal approach would be to:

Convert the dashboard to JavaScript for better integration and maintainability.

Move the existing script logic into the backend, and expose it via an API endpoint so it can be triggered appropriately.

Let me know what you think!

Sounds Great!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants