oss2024hnu / coursegraph-js

HTML5로 전공과목 정보 YAML 파일을 전공이수체계도나 표로 시각화하는 프로젝트
MIT License
3 stars 48 forks source link

이전 올린 코드에 개선 사항 추가 #219

Closed leeseungho55 closed 2 months ago

leeseungho55 commented 2 months ago

피드백 통계 대시보드 기능 추가 피드백 통계 대시보드는 제출된 피드백 데이터를 종합적으로 분석하여, 과목별 평점, 주요 개선 사항 등을 관리자 페이지에서 한눈에 확인할 수 있도록 하는 시스템

HTML (관리자 대시보드 페이지): <!DOCTYPE html>

피드백 통계 대시보드

피드백 통계 대시보드

JavaScript (대시보드 시각화): document.addEventListener('DOMContentLoaded', function () { fetch('/api/getFeedbacks') .then(response => response.json()) .then(data => { // 평점 평균 계산 const ratings = {}; data.forEach(feedback => { if (!ratings[feedback.course]) ratings[feedback.course] = []; ratings[feedback.course].push(feedback.rating); }); const avgRatings = {}; for (let course in ratings) { avgRatings[course] = ratings[course].reduce((a, b) => a + b, 0) / ratings[course].length; }

        // 평점 차트 생성
        const ctx = document.getElementById('ratingsChart').getContext('2d');
        new Chart(ctx, {
            type: 'bar',
            data: {
                labels: Object.keys
leeseungho55 commented 2 months ago

2개의 코드 모두 Show .html의 근거 새로은 기능 개선 제안

kyagrd commented 2 months ago

이런 식으로 이슈 가지치기하지 마세요