Skip to content

Add Dynamic Total View Performance Section #2

@krishana7911

Description

@krishana7911

Description

This PR introduces the Total View Performance section, which dynamically handles:

  • View data, fetched and updated dynamically
  • Number of options, adjusting the chart and legend accordingly
  • Chart colors, assigned dynamically based on the number of options

Implementation Details

  • Uses Recharts / D3.js for the dynamic donut chart
  • Data is fetched or derived dynamically, ensuring updates reflect correctly
  • Chart colors are automatically assigned based on the number of options
  • The section includes:
    • Title
    • Dynamic donut chart
    • Description explaining the data
    • "Guide Views" button
    • Color definitions, updated dynamically

Changes Made

  • Created TotalViewPerformance component
  • Implemented dynamic data handling for views
  • Made the number of options flexible
  • Assigned colors dynamically to chart segments
  • Ensured responsiveness

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions