8 Chart types. Visualize your data in 8 different ways; each of them animated and customisable.

Apr 15, 2025 · Among many charting libraries (opens new window) for JavaScript application developers, Chart.js is currently the most popular one according to GitHub stars (opens new window) (~60,000) and npm downloads (opens new window) (~2,400,000 weekly).

Apr 15, 2025 · Let's get started with Chart.js! Follow a step-by-step guide to get up to speed with Chart.js; Install Chart.js from npm or a CDN; Integrate Chart.js with bundlers, loaders, and front-end frameworks; Use Chart.js from Node.js; Alternatively, see the example below or check samples. # Create a Chart

Apr 15, 2025 · 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

Apr 15, 2025 · # Chart.js Samples. You can navigate through the samples via the sidebar. Alternatively, you can run them locally. To do so, clone the Chart.js repository (opens new window) from GitHub, run pnpm ci to install all packages, then …

Apr 15, 2025 · # 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.

Apr 15, 2025 · # 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.

Apr 15, 2025 · options data setup ...

Chart.js - Financial chart. See the source for this example, README, and Chart.js docs for more details. Sample Chart

Apr 15, 2025 · A radar chart is a way of showing multiple data points and the variation between them. They are often useful for comparing the points of two or more different data sets. config setup