Chartss.css – accessible HTML/CSS charts with markdown support

In plain words

Chartss.css is a library for creating accessible HTML and CSS charts that can be generated from markdown. It's designed for developers and content creators who want to build charts without heavy dependencies or complex tooling. The library emphasizes accessibility while supporting markdown syntax, making it straightforward to convert simple text-based data into visual charts.

written from the facts on this page · September 2026

From the sources

The point of C💚SS.css is to allow easy creation of simple charts for documentation, data storytelling / journalism, etc. It features plots of 1-D lists, and has a custom markdown filter that converts suitably formatted lists directly to charts. It has no dependencies (other than a modern browser), and is very small compared to javascript based charting tools. The html is based on <ul> lists and will collapse back to readible lists in the absence of css support, making it accessible to all readers. It is open source and easily configurable according to project needs. The non-chart elements on the html version of this page were styled with mvp.css . MVP.css was one of the inspirations for…from rbitr.github.io

• 
  Chart.js2014 · chartjs.org · ▲263

  Simple, clean & engaging charts for designers and developers

• 
  Chart.js 2.02016 · chartjs.org · ▲440

  Simple, clean & engaging charts for designers & developers.

• 
  Water.css – A just-add-css collection of styles to make websites nicer2019 · github.com · ▲501

  A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css

• 
  Charts.css2023 · chartscss.org · ▲2

  CSS modern data visualization framework

• 
  Pattern.css – CSS-only library to fill empty background with patterns2020 · github.com · ▲332

  CSS only library to fill empty background with beautiful patterns. - bansal/pattern.css

• 
  Chart.js 4.02022 · github.com · ▲111

  Open source JavaScript charting library for the modern web

• 
  SimCity, but with Permits▲855

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 20h ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 13d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 14d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 8d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 12d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 22d ago · space.bl2.net

• 
  Blush▲1,462

  Illustrations for everyone

  Dev tools · 2020 · blush.design

• 
  SHA-256 Animation▲1,053

  Animation of the SHA-256 hash function in your terminal. - in3rsha/sha256-animation

  Dev tools · 2020 · github.com

• 
  This Word Does Not Exist▲956

  This Word Does Not Exist uses an artificial intelligence model named GPT-2 to invent new English words.

  AI · 2020 · thisworddoesnotexist.com

• P3
  Plotting 3 years of hourly data in 150ms▲785

  Life & fun · 2020 · leeoniya.github.io

• 
  Untools▲783

  Hand-picked tools for better thinking

  Work · 2020 · untools.co

• 
  Copytesting▲781

  Improve your website copy based on data from your audience

  Growth · 2020 · wynter.com