# Charts.css - CSS 데이터 시각화 프레임워크

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=7702](https://news.hada.io/topic?id=7702)
- GeekNews Markdown: [https://news.hada.io/topic/7702.md](https://news.hada.io/topic/7702.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2022-11-01T10:23:01+09:00
- Updated: 2022-11-01T10:23:01+09:00
- Original source: [chartscss.org](http://chartscss.org/)
- Points: 20
- Comments: 0

## Topic Body

- <table> 같은 HTML 엘리먼트들을 이용하여 차트를 표현해주는 CSS 유틸리티 클래스   
- 미디어쿼리 이용한 반응형   
- 마크업 내에 직접 데이터가 있어서 접근성 지원   
- JS를 사용하지 않으며, 의존성 없음   
- 다양한 차트 타입 지원 : Area, Bar, Column(Percentage, Stacked), Line, 3D Bars/Tilt, Multi-Dataset(Area, Line, Bar, Column),..

## Comments



_No public comments on this page._