Skip to content
⚛️ preact based charting library. Written with d3-maths, and TypeScript!
TypeScript CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
.gitignore
LICENSE
README.md
gulpfile.js
package-lock.json
package.json
tsconfig.json
tslint.json

README.md

preact-charts

⚛️ preact based charting library. Written with d3-maths, and TypeScript!

npm

Current Charts

  • Grouped Bar Chart
  • Horizontal Bar Chart
  • Histogram
  • LineScatter
  • ScatterPlot
  • RangeChart
  • TrendChart

Styling

The included css modules use css variables to provide theme support. Below is a list of used variables.

  • --font-color-normal: Default font colour. Used for axis gridlines, histogram bar outlines, scatter plot labels, tooltip text.
  • --font-size-normal: Default font size. Used for axis text sizing.
  • --font-size-larger: Default larger text size. USed for trend chart axis control buttons.
  • --background-color: Default background colour. Used for scatter plot dot outlines.
You can’t perform that action at this time.