Get started with frappe-charts CDN

MIT licensed

Frappe Charts is a simple, flexible, and interactive data visualization library for Frappe Framework.

Tags:
  • js
  • svg
  • simple
  • responsive
  • GitHub
  • charts
  • zero-dependencies

Stable version

Copied!

How to start using frappe-charts CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with frappe-charts CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.cdnhub.io/frappe-charts/1.6.2/frappe-charts.min.css">
</head>
<body>
  <div id="chart-container"></div>

  <script>
    Frappe.Charts.init({
      container: 'chart-container',
      title: 'Sales by Category',
      type: 'Column2D',
      data: {
        rows: [
          { label: 'Fruits', qty: 120, amt: 1500 },
          { label: 'Vegetables', qty: 75, amt: 1050 },
          { label: 'Grains', qty: 50, amt: 700 },
          { label: 'Dairy', qty: 25, amt: 300 },
        ],
      },
    });
  </script>

  <script src="https://cdn.cdnhub.io/frappe-charts/1.6.2/frappe-charts.min.js"></script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions