• Stars
    star
    14,870
  • Rank 1,847 (Top 0.04 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 6 years ago
  • Updated 6 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Simple, responsive, modern SVG Charts with zero dependencies

GitHub-inspired modern, intuitive and responsive charts with zero dependencies

Explore Demos » Edit at CodeSandbox » Documentation »

Contents

Installation

Via NPM

Install via npm:

$ npm install frappe-charts

and include in your project:

import { Chart } from "frappe-charts"

Or include following for es-modules(eg:vuejs):

import { Chart } from 'frappe-charts/dist/frappe-charts.esm.js'
// import css
import 'frappe-charts/dist/frappe-charts.min.css'
or include within your HTML
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/frappe-charts.min.umd.js"></script>
<!-- or -->
<script src="https://unpkg.com/[email protected]/dist/frappe-charts.min.umd.js"></script>

Usage

const data = {
    labels: ["12am-3am", "3am-6pm", "6am-9am", "9am-12am",
        "12pm-3pm", "3pm-6pm", "6pm-9pm", "9am-12am"
    ],
    datasets: [
        {
            name: "Some Data", chartType: "bar",
            values: [25, 40, 30, 35, 8, 52, 17, -4]
        },
        {
            name: "Another Set", chartType: "line",
            values: [25, 50, -10, 15, 18, 32, 27, 14]
        }
    ]
}

const chart = new frappe.Chart("#chart", {  // or a DOM element,
                                            // new Chart() in case of ES6 module with above usage
    title: "My Awesome Chart",
    data: data,
    type: 'axis-mixed', // or 'bar', 'line', 'scatter', 'pie', 'percentage'
    height: 250,
    colors: ['#7cd6fd', '#743ee2']
})

Or for es-modules (replace new frappe.Chart() with new Chart()):

- const chart = new frappe.Chart("#chart", {
+ const chart = new Chart("#chart", {  // or a DOM element,
                                    // new Chart() in case of ES6 module with above usage
    title: "My Awesome Chart",
    data: data,
    type: 'axis-mixed', // or 'bar', 'line', 'scatter', 'pie', 'percentage'
    height: 250,
    colors: ['#7cd6fd', '#743ee2']
})

If you want to contribute:

  1. Clone this repo.
  2. cd into project directory
  3. npm install
  4. npm i npm-run-all -D (optional --> might be required for some developers)
  5. npm run dev

License

This repository has been released under the MIT License


Project maintained by Frappe. Used in ERPNext. Read the blog post.

More Repositories

1

erpnext

Free and Open Source Enterprise Resource Planning (ERP)
Python
16,559
star
2

frappe

Low code web framework for real world applications, in Python and Javascript
Python
6,367
star
3

gantt

Open Source Javascript Gantt
JavaScript
4,235
star
4

books

Free Accounting Software
TypeScript
2,524
star
5

bench

CLI to manage Multi-tenant deployments for Frappe apps
Python
1,238
star
6

frappe_docker

Docker images for production and development setups of the Frappe framework and ERPNext
Python
1,082
star
7

datatable

The Missing Javascript Datatable for the Web
JavaScript
953
star
8

hrms

Open Source HR and Payroll Software
Python
698
star
9

lms

Easy to Use, 100% Open Source Learning Management System
JavaScript
611
star
10

helpdesk

Modern, Streamlined, Free and Open Source Customer Service Software
Vue
416
star
11

insights

Open source analytics / business intelligence tool (BI)
Vue
313
star
12

frappejs

Node + Electron + Vue based metadata web framework (inspired by Frappe)
JavaScript
263
star
13

gameplan

Delightful, open-source, work communication tool for remote teams
Python
242
star
14

health

Open Source Health Information System
Python
237
star
15

mobile

Mobile App for Frappe built on Flutter
Dart
220
star
16

press

Full service cloud hosting for the Frappe stack - powers Frappe Cloud
Python
202
star
17

builder

Modern website builder for modern web pages
Vue
199
star
18

drive

[beta] An easy to use, document sharing and management solution.
Vue
193
star
19

frappe-ui

A set of components and utilities for rapid UI development
Vue
185
star
20

wiki

Free and Open Source Wiki built on top of Frappe
Python
182
star
21

biometric-attendance-sync-tool

A simple tool for syncing Biometric Attendance data with your ERPNext server
Python
154
star
22

print_designer

Visual print designer for Frappe / ERPNext
Vue
149
star
23

helm

Helm Chart Repository for Frappe/ERPNext
Python
114
star
24

crm

Free and Open Source CRM Solution to supercharge your sales operations
Vue
105
star
25

frappe-client

Python library to use Frappe API
Python
101
star
26

chat

Modern Chat App for Frappe
JavaScript
99
star
27

ecommerce_integrations

Ecommerce integrations for ERPNext
Python
93
star
28

education

Open source education / school ERP system.
Python
82
star
29

bench_manager

Frappe app for managing bench
Python
67
star
30

cordova-wrapper

Mobile App Container (Cordova) for Frappé/ERPNext
CSS
64
star
31

erpnext_documentation

[DEPRECATED] ERPNext User Documentation. Please don't raise new contributions here.
HTML
63
star
32

payments

A payments app for frappe
Python
63
star
33

webshop

Open Source eCommerce Platform
Python
60
star
34

lending

Open Source Lending software
Python
59
star
35

changemakers

Beneficiary Management Platform, built on Frappe Framework.
Vue
56
star
36

twilio-integration

Twilio integration for ERPNext
Python
55
star
37

agent

Works with https://github.com/frappe/press
Python
53
star
38

erpnext-shipping

A Shipping Integration for ERPNext
Python
52
star
39

nextcloud-integration

Frappe App for NextCloud Integration
Python
48
star
40

intellisense

VSCode Extension and Language Server for Frappe Framework
Python
48
star
41

frappe_io

Website for Frappe
JavaScript
48
star
42

video

Node.js based library for automated video creation
JavaScript
48
star
43

erpnext_com

erpnext.com website
HTML
47
star
44

pesa

A JS money lib whose precision goes up to 11 (and beyond).
TypeScript
43
star
45

waba_integration

WhatsApp Bussiness Cloud API integration for Frappe
Python
43
star
46

frappe_docs

[DEPRECATED] Frappe Framework Documentation. Please don't raise new contributions here.
Python
43
star
47

schools

Merged with frappe/erpnext - this repo is deprecated
HTML
42
star
48

agriculture

Agriculture Domain for ERPNext
Python
36
star
49

hospitality

Hospitality app for ERPNext to manage hotels & restaurants.
Python
35
star
50

semgrep-rules

Semgrep rules specific to Frappe Framework
Python
33
star
51

non_profit

Non Profit module for Frappe/ERPNext
Python
32
star
52

design

🎨 Elements and source files of design resources used in products of frappe technologies
HTML
32
star
53

meeting

Prepare agenda, invite users and record minutes of a meeting
HTML
31
star
54

frappe_theme

Theme for Frappe sites
JavaScript
30
star
55

fonts

29
star
56

translator

Translation Portal for Frappe
Python
26
star
57

simple-bootstrap-editor

Simple Bootstrap themed HTML5 WYSIWYG editor
JavaScript
24
star
58

erpnext_shopify

[Deprecated] Shopify connector for ERPNext
Python
22
star
59

event_streaming

Event Streaming for frappe
Python
22
star
60

hub

Python
21
star
61

storage_integration

Python
18
star
62

vidya

Open Source, Open Data Chat Bot
Python
18
star
63

data-gov-in

A better visualisation of data.gov.in
Python
18
star
64

panoptic

Frappe App for Project Panoptic
HTML
17
star
65

email_delivery_service

Python
16
star
66

paypal_integration

Paypal API Integrations
HTML
16
star
67

erpnext_ui_tests

This repository contains Integration tests for ERPNext features written in Cypress. These tests are run on GitHub Actions via cron every day.
JavaScript
15
star
68

library_management

Library Management App
Python
15
star
69

assets

Asset Management app for ERPNext
Python
14
star
70

shopping_cart

Online Shopping Cart integrated with ERPNext
Python
14
star
71

razorpay_integration

Rajorpay integration with Frappe/ERPNext
Python
13
star
72

erpnext_gst_compliance

Manage GST Compliance for ERPNext
Python
12
star
73

chart_of_accounts_builder

Python
12
star
74

odoo_to_erpnext

Migrate your Odoo database to ERPNext
Python
12
star
75

manual_erpnext_com

Abandoned. Moved to: https://github.com/frappe/erpnext/tree/develop/erpnext/docs
HTML
11
star
76

mobile-accounting

Accounting app for mobile with frappejs-accounting as backend
TypeScript
11
star
77

frappejs-cli

Command Line Interface (CLI) for FrappeJS
JavaScript
11
star
78

ui

A "batteries included" front-end framework for ones with deadlines.
JavaScript
11
star
79

iff

Membership automation for the Internet Freedom Foundation ❤️
Python
10
star
80

erpnext-vm

Configuration for the Build Server that generates ERPNext VMs and Vagrant Box
Python
10
star
81

poll

Online Polling App
Python
9
star
82

frappekt

Kotlin
9
star
83

exotel_integration

Exotel Integration for ERPNext
Python
8
star
84

frappejs-accounting

Mono repo for frappejs and accounting
8
star
85

books-website

Website for Frappe Books
Vue
7
star
86

erpnext_vagrant

Vagrantfile and Bootstrap for creating a dev environment for ERPNext
Shell
7
star
87

frappe-ui-rn

frappe-ui-rn
TypeScript
7
star
88

bhumi-awards-portal

Awards Portal web app for Bhumi NGO.
HTML
7
star
89

release

Application to manage releases for Frappe and Frappe Applications
Python
7
star
90

ijr

India Justice Report ranks 18 large and 7 small states according to their capacity to deliver justice to all
HTML
7
star
91

frappe.io

New Frappe.io
Vue
6
star
92

community_erpnext_com

community.erpnext.com [discontinued]
HTML
6
star
93

tagger

A simple Flask app to automatically label GitHub PRs.
Python
6
star
94

frappe-pr-bot

Your friendly neighborhood bot
JavaScript
6
star
95

kyg

Know Your Government (India)
JavaScript
5
star
96

css

CSS framework for frappe
CSS
5
star
97

taxjar_integration

Python
5
star
98

knowledge_base

[Merged in Frappe Framework Core]
Python
5
star
99

mobile-apk

Android apk file for non-Google Androids
5
star
100

frappe_support

JavaScript
5
star