# ChartSS.css - 마크다운으로 HTML/CSS 기반 차트 생성

> Clean Markdown view of GeekNews topic #2144. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2144](https://news.hada.io/topic?id=2144)
- GeekNews Markdown: [https://news.hada.io/topic/2144.md](https://news.hada.io/topic/2144.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-05-24T10:55:40+09:00
- Updated: 2020-05-24T10:55:40+09:00
- Original source: [rbitr.github.io](https://rbitr.github.io/ChartS.css/)
- Points: 3
- Comments: 1

## Topic Body

- 접근성을 지원하는 Semantic HTML 차트 + CSS 라이브러리

- 직접 HTML 템플릿을 작성하거나, 마크다운을 Pandoc 이용해서 HTML로 전환 가능

- No JS. 다른 의존성 없음

- Bar, Scatter Plot, Line, Stacked Bar, Waterfall 등 지원

## Comments



### Comment 1878

- Author: xguru
- Created: 2020-05-24T10:55:56+09:00
- Points: 1

C💚SS.css hart -> heart 로 바꾼 제목이 이해가 가네요.

JS가 없어서 접근성에 대응하는 차트이긴 한데, 스크린리더가 어떻게 읽어줄지는 잘 모르겠네요.

요즘 SVG2는 ARIA 지원에 대해서 따로 고민되고 있어서, 궁극적으로는 SVG를 사용하는게 더 표준적인 방법 아닐까 싶습니다.

https://svgwg.org/svg2-draft/struct.html#WAIARIAAttributes