Charts.css:資料視覺化圖表框架

banq發表於2022-02-22

Charts.css是一個用於分頁查詢資料視覺化的開源 CSS 框架。它幫助前端開發人員使用簡單的 CSS 類將各種資料轉換為漂亮的圖表和圖形。

Charts.css是圖表類別中的一個工具。

Charts.css是一個開源工具,擁有4.7K GitHub 星和101個GitHub 分支:GitHub 上連結。

 

Charts.css的特點:

  • 使用語義 HTML 標籤
  • 標記內的原始資料
  • 用自己的方式設計圖表
  • 開源
  • 使用媒體查詢進行縮放
  • 許多支援的圖表型別

 

Charts.css替代方案和比較:

  • Bootstrap

Bootstrap是最流行的HTML、CSS和JS框架,用於開發網路上的響應式、移動優先專案。

  • Animate.css

這是一堆很酷、很有趣、跨瀏覽器的動畫,供你在你的專案中使用。非常適用於強調、主頁、滑塊和一般的只是加水的精彩。

  • 用於Angular的Material Design

Material Design是一個統一的視覺、動作和互動設計系統的規範,可以適應不同的裝置。我們的目標是提供一套精簡、輕量級的AngularJS原生UI元素,實現Angular SPA中使用的材料設計系統。

  • D3.js

它是一個基於資料操作文件的JavaScript庫。強調網路標準,為你提供了現代瀏覽器的全部功能,而無需將自己束縛在一個專有的框架中。

  • Material-UI

MUI(前身是Material-UI)是你一直想要的React UI庫。遵循你自己的設計系統,或者從Material Design開始。

相關文章