 },
                    plugins: {
                        legend: {
                            labels: {
                                color: '#c9d1d9'
                            }
                        }
                    }
                }
            });
        }
        
        function populateTables() {
            populatePopularComponents();
            populateCategoryBreakdown();
        }
        
        function populatePopularComponents() {
            const table = document.getEle