Frappe Charts was started by a dear friend Prateeksha when she worked at Frappe, when I joined I continued building and maintaing the library and been continuing to do so. The project was launched on HackerNews on 31st October, it recieved overwhelming response, garnered over 470 points and was also featured in GitHub Octoverse 2018. Read the launch story here.

The Library

The original design was inspired by GitHub, the library also included a heatmap just like the github contribution graph.

Since then, we've redesigned the library for v2. It was largely cosmetic, with a better color palette, extra config options, new tooltips, legends and quite a few bug fixes. These charts are built using SVG, all the data processing and SVG components are built using vanilla JS without external libraries.

Chart Types

The following are the chart types supported, I don't plan on increasing this list for now, moreover most projects don't need more than these.

• Axis Mixed Charts: This includes line charts and bar charts, you can also use both in one chart
• Aggregate Charts: This includes percentage chart, donut and pie charts, you can also use both in one chart
• Heatmap: This is the classic heatmap chart

This is just a sample of what these library offers, you can check out more at the homepage or this codesandbox demo

Links

GitHub

Simple, responsive, modern SVG Charts with zero dependencies

https://github.com/frappe/charts

Frappe Charts Demo

A Sandbox Demonstrating Frappe Charts usage

https://codesandbox.io/s/frappe-charts-demo-viqud

Documentation

Frappe Chart Documentation

https://frappe.io/charts/docs