Beautiful Charts with Frappe Charts | Tanaka Chingonzo

Beautiful Charts with Frappe Charts

Beautiful Charts with Frappe Charts 3 mins read.

November 10, 2017

Frappé Charts

GitHub-inspired simple and modern charts for the web with zero dependencies.


I found this really cool tool online today under Github’s trending repositories. It is called Frappe Charts.

It is a tool to display graphs and data visualizations without any complicated excel or tableu software on your website. It is so easy to implement. You can display graphs like the one below showing my mood this past semester throughout the day.

Here are all the cool charts you can plot using it!

Instructions for installing the npm package for it, and implementing it are at the bottom of this page.

A line chart as shown below. This is implemented by modifying this code below in the JavaScript.

type: 'line', // or 'bar', 'scatter', 'pie',



A scatter chart as shown below. This is implemented by modifying this code below in the JavaScript.

type: 'scatter', // or 'bar', 'scatter', 'line',



A pie chart as shown below. This is implemented by modifying this code below in the JavaScript.

type: 'pie', // or 'bar', 'scatter', 'line',