Chart. js Open source HTML5 Charts for your website Chart js Welcome to Chart js! Get started with Chart js — best if you're new to Chart js Migrate from Chart js v3 or Chart js v2 Join the community on Discord (opens new window) and Twitter (opens new window) Post a question tagged with chart js on Stack Overflow (opens new window) Contribute to Chart js Why Chart js Among many charting libraries for JavaScript application developers, Chart js is currently the most popular one according to GitHub
Getting Started - Chart. js Learn how to create and customize HTML5 charts using Chart js with this comprehensive guide for beginners
Chart. js Samples To do so, clone the Chart js repository from GitHub, run pnpm ci to install all packages, then run pnpm run docs:dev to build the documentation As soon as the build is done, you can go to localhost:8080 samples to see the samples Out of the box working samples These samples are made for demonstration purposes only
Step-by-step guide | Chart. js Step-by-step guide Follow this guide to get familiar with all major concepts of Chart js: chart types and elements, datasets, customization, plugins, components, and tree-shaking Don't hesitate to follow the links in the text We'll build a Chart js data visualization with a couple of charts from scratch: Build a new application with Chart js In a new folder, create the package json file with the following contents:
Installation - Chart. js If you download or clone the repository, you must build Chart js to generate the dist files Chart js no longer comes with prebuilt release versions, so an alternative option to downloading the repo is strongly advised
Line Chart | Chart. js Line Chart A line chart is a way of plotting data points on a line Often, it is used to show trend data, or the comparison of two data sets
Bar Chart | Chart. js Bar Chart A bar chart provides a way of showing data values represented as vertical bars It is sometimes used to show trend data, and the comparison of multiple data sets side by side
Integration - Chart. js Learn how to integrate Chart js into your project with this step-by-step guide for creating customizable, animated HTML5 charts