https://github.com/bahrus/xtal-frappe-chart

Web component wrapper around the Frappé chart library
https://github.com/bahrus/xtal-frappe-chart

Last synced: about 2 months ago
JSON representation

Web component wrapper around the Frappé chart library

• Host: GitHub
• URL: https://github.com/bahrus/xtal-frappe-chart
• Owner: bahrus
• License: mit
• Created: 2017-11-05T09:48:39.000Z (over 7 years ago)
• Default Branch: baseline
• Last Pushed: 2025-02-11T12:38:47.000Z (4 months ago)
• Last Synced: 2025-03-26T09:01:44.711Z (2 months ago)
• Language: JavaScript
• Size: 1.18 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/bahrus/xtal-frappe-chart)



[![Actions Status](https://github.com/bahrus/xtal-frappe-chart/workflows/CI/badge.svg)](https://github.com/bahrus/xtal-frappe-chart/actions?query=workflow%3ACI)



# \

Web component wrapper around the cool [Frappe chart](https://frappe.io/charts) library.

Things I like about this chart library:

1)  It is quite small (17kb), yet it has nice interactive features.

2)  It supports ES6 Modules.

3)  The charts look nice.

[Demo](https://codepen.io/bahrus/pen/dyRqxQq)

# [API Reference](https://cf-sw.bahrus.workers.dev/?href=https%3A%2F%2Fcdn.jsdelivr.net%2Fnpm%2Fxtal-frappe-chart%400.0.106%2Fcustom-elements.json&stylesheet=https%3A%2F%2Fcdn.jsdelivr.net%2Fnpm%2Fwc-info%2Fsimple-ce-style.css&embedded=false&tags=&ts=2022-02-19T12%3A41%3A50.241Z&tocXSLT=https%3A%2F%2Fcdn.jsdelivr.net%2Fnpm%2Fwc-info%2Ftoc.xsl)

# [Syntax](https://bahrus.github.io/api-viewer/index.html?npmPackage=xtal-frappe-chart&jsPath=xtal-frappe-chart-example1.js&jsonPath=custom-elements-example1.json)

## Referencing from CDN:

```html

```

## Viewing Your Element Locally

```

$ npm install

$ npm run serve

```

## Running Tests

WIP