20個 CSS 圖形/圖表教程和技巧匯總

通常，圖形和圖表主要用於展示一組資料的規律、聯絡等，包括餅圖、折線圖、橫條圖等。一個良好和優秀的資料示範可以讓老闆或客戶更容易瞭解和掌握你的分析結果，以便快速做出決策。

現在使用CSS也可以做出非常漂亮的圖形圖表，CSS圖表較圖片/Flash型圖表的優勢是可以很容易地被下載，降低HTML頁面的頻寬要求。除此之外，你還可以輕鬆改變表中的數值，隨時更新。

本文為你帶來20個非常實用的CSS圖形圖表製作教程和技巧。

1.  CSS3 圖表

2.  純 CSS 資料圖表

3.  生動的CSS3 3d 橫條圖

4.  資料視覺效果：基於CSS的靈活的橫條圖

5.  CSS 堆疊橫條圖

6.  使用CSS3建立餅圖

7.  基於CSS和PHP的橫條圖

8.  PlotKit

9.  使用Web標準實現資料視覺效果

10.  CSS 垂直橫條圖

11.  建立CSS圖表

12.  列表式橫條圖

13.  輕鬆建立橫條圖

14.  CSS3圖形動畫

15.  CSS3橫條圖

16.  漂亮的CSS3圖表

17.  簡潔的CSS3橫條圖

18.  漂亮生動的CSS3 3d 橫條圖

19.  華麗的動態餅圖

20.  使用CSS3建立餅圖

英文原文：20 Useful CSS Graph and Chart Tutorials and Techniques