Charts
About this component
For now, the only type of chart we have on the website are simple pie charts. Charts are difficult to make accessible, and this limits our ability to use them. The only place they’re currently used is on the demographics page.
The charts include an accessible text version which also serves as the color key.
Styling
The pie charts are circular and have slices that add up to equal 100% of the circle. Each slice is a slightly different shade (darker or lighter) of the same color.
How to use for Pie charts
Add in the HTML (see “development info”).
Example of Pie charts
Enrollment by program area
- 61%
- Transfer
- 23%
- Career Tech
- 7%
- Pre-College
- 5%
- ESOL
- 3%
- Community Ed