Stacked area

Draw a stacked area chart from a table whose first column is the week and the other columns are channels. Layers rise one after another from the bottom, each a different colour with only its top edge drawn strong. When finished, attach each layer's share for the last week at the right end.

[paste your table here]

The first row is the header. Put CSS and JavaScript in a single HTML file and draw with canvas or SVG, without external libraries. Dark background, crisp numbers and text, and no overlapping text even at phone width. If prefers-reduced-motion is on, show the finished chart without motion.

첫 열은 주, 나머지 열은 경로인 표로 누적 영역 차트를 그려 주세요. 아래층부터 차례로 솟아오르고, 층마다 색은 다르게, 윗선만 진하게 그어요. 다 그려지면 오른쪽 끝에 마지막 주의 층별 비율을 붙여 주세요.

[여기에 표 붙여넣기]

첫 줄은 머리글이에요. HTML 파일 하나에 CSS와 JavaScript를 넣고, 외부 라이브러리 없이 canvas나 SVG로 그려 주세요. 어두운 배경에 숫자와 글자는 또렷하게, 휴대폰 폭에서도 글자가 겹치지 않게 해 주세요. prefers-reduced-motion이 켜져 있으면 움직임 없이 다 그려진 차트를 보여 주세요.