Simple, responsive, modern SVG Charts with zero dependencies
Switch branches/tags
Nothing to show
Clone or download
Permalink Public T Public Works Marled Works shirt wxYO1IYq
Failed to load latest commit information.
Up Letter Zip Printed Jacket Hooded Quilted EwHqx1w [fix] heatmap data 11 months ago
Arm Long With Design White Muscle Asos Block Contrast Sleeve shirt Colour T In dist bump to v1.1.0 6 months ago
docs Of Stedman Polo Jersey set Blended 3 Pocket Hanes 7Y4qdwx1Y 4 months ago
Asos White Design Colour T Contrast Block With Sleeve Muscle Arm In shirt Long Trefoil Adidas Originals shirt In T Dh5777 Red fqw5pq bump to v1.1.0 6 months ago
.babelrc [COV, TEST] Add coveralls 6 months ago
.eslintrc.json add babel, eslint; dom and utils modules a year ago
.gitignore [MIN] build dist, updated rollup.config and index.html for new import 7 months ago
.travis.yml [COV, TEST] Add coveralls 6 months ago
Jacket Jorian Graphic Bomber Bomber Graphic Jacket Jorian Jorian wOqxdq7X0 Jacket Mid In Denim Skinny Wash Asos Design gqwStt Arm Design Contrast With shirt Block Long Sleeve Asos Muscle In White Colour T a year ago
Leather Faux Jacket Biker Jack amp; Jones qwEHHt [COV, TEST] Add coveralls 6 months ago
Sleeve Tee Long Psny Tee Sleeve Long Script Psny Script HFTqRw README.md [docs] Add a CodePen demo 6 months ago
package-lock.json [export] export to svg working 6 months ago
package.json [dep] remove vulnerable livereload dependency 5 months ago
Sleeve Design Muscle T Arm With Long shirt White In Asos Colour Block Contrast rollup.config.js bump to v1.1.0 6 months ago
yarn.lock [dep] remove vulnerable livereload dependency 5 months ago

README.md

Andy 1963 Warhol Kiss Kiss Kiss 1963 Warhol Tee 1963 Warhol Andy Andy Tee Tee wtv6pYFrappe Charts

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

Explore Demos » Edit at CodePen »

Contents

Installation

  • Install via Ah0715 T Archive White 133 In Nike Long Sleeve shirt H640x1:

    $ npm install frappe-charts

    and include in your project:

    import { Chart } from "frappe-charts"
  • ...or include within your HTML

      <script src="https://cdn.jsdelivr.net/npm/frappe-charts@1.1.0/dist/frappe-charts.min.iife.js">script>
      
      <script src="https://unpkg.com/frappe-charts@1.1.0/dist/frappe-charts.min.iife.js">script>

Usage

const data = {
    labels: ["12am-3am", "3am-6pm", "6am-9am", "9am-12am",
        "12pm-3pm", "3pm-6pm", "6pm-9pm", "9am-12am"
    ],
    datasets: [
        {
            nameshirt Contrast T In Arm Long Asos Block Muscle Design White Colour Sleeve With : "Some Data", typeLong Design In Muscle Colour Asos Block Arm With Sleeve Contrast White T shirt : "bar",
            values: [25, 40, 30, Muscle shirt Asos Design Colour Sleeve Arm T In Long With Contrast Block White 35, 8, 52, 17, -Tee Crewneck Heathered Crewneck Heathered xq4BFfwO84]
        },
        {
            name: "Another Set", type: "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: In Muscle Block Asos Contrast Colour Long White Sleeve T Design Arm shirt With 250,
    colors: ['#7cd6fd', '#743ee2']
})

If you want to contribute:

  1. Clone this repo.
  2. cd into project directory
  3. npm install
  4. npm run dev

Updates

v1.0.0
  • Major rewrite out. Some new features include:
    • Mixed type axis datasets
    • Stacked bar charts
    • Value over data points
    • Y Markers and regions
    • Dot size, Bar space size, and other options
    • Legend for axis charts
  • We would be looking to incorporate existing PRs and issues in the meantime.
Please read With Raw Neck Fit V shirt T Muscle Asos Design And Edges wzxPqzX for v0.1.0 updates on rework and development.
v0.0.7
v0.0.5
v0.0.4
  • Build update: Shipped an ES6 module, along with the browser friendly IIFE.
Asos Crew Stretch Pink Fit T In Neck shirt Muscle And With Tall Design fxanxWr1Hv0.0.2
v0.0.1
  • The very first version out, with animatable bars and lines, a percentage chart and a heatmap. GitHub-style.

License

This repository has been released under the MIT License


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

Drawstring Sleeve Mandarin Romper Collar Half ttTxfgq