PHPackages                             nova-chart/chart-js-integration - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating &amp; Views](/categories/templating)
4. /
5. nova-chart/chart-js-integration

ActiveLibrary[Templating &amp; Views](/categories/templating)

nova-chart/chart-js-integration
===============================

A Simple Dashboard Chart in Laravel Nova using Chart JS. Starting create your own dashboard with Chart JS Integration can save your time and help you maintain consistency across standard elements such as Bar, Stacked, Line, Area, Doughnut and Pie Chart.

v0.4.0(4y ago)01.0kMITVuePHP &gt;=7.1.0

Since Dec 13Pushed 3y agoCompare

[ Source](https://github.com/arditqerosi/nova-chartjs)[ Packagist](https://packagist.org/packages/nova-chart/chart-js-integration)[ Docs](https://github.com/coroo)[ Fund](https://www.buymeacoffee.com/coroowicaksono)[ RSS](/packages/nova-chart-chart-js-integration/feed)WikiDiscussions master Synced 1w ago

READMEChangelogDependencies (1)Versions (43)Used By (0)

Nova ChartJS - Laravel Nova Package
===================================

[](#nova-chartjs---laravel-nova-package)

A Laravel Nova Dashboard with Chart JS | See [📘Documentation Page](https://coroo.github.io/nova-chartjs/)

[![Continues Integration](https://github.com/coroo/nova-chartjs/workflows/ci/badge.svg?branch=master)](https://github.com/coroo/nova-chartjs/workflows/ci/badge.svg?branch=master)[![Latest Version on Packagist](https://camo.githubusercontent.com/b0d6bfb5047bee200b6df1933fd166b2c422e281a0fd635a710b46219f5976d7/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f636f726f6f776963616b736f6e6f2f63686172742d6a732d696e746567726174696f6e)](https://packagist.org/packages/coroowicaksono/chart-js-integration)[![Total Downloads](https://camo.githubusercontent.com/dce86263bb02fdf490c176415b0e6f55c6d270e361c103ca732cdfc3c13d8d31/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f636f726f6f776963616b736f6e6f2f63686172742d6a732d696e746567726174696f6e)](https://packagist.org/packages/coroowicaksono/chart-js-integration)[![License](https://camo.githubusercontent.com/b8a5108b2662a1722551107b0ce3aff8037214e29a38981f0a42f88d4472e061/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c616e6775616765732f746f702f636f726f6f2f6e6f76612d63686172746a73)](https://packagist.org/packages/coroowicaksono/chart-js-integration)[![State Status](https://camo.githubusercontent.com/cd6d3ce61f0ecc033bec9601db1199857b6349e477514f9a5f5282f45e12eb74/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6465706c6f796d656e74732f636f726f6f2f6e6f76612d63686172746a732f6769746875622d7061676573)](https://packagist.org/packages/coroowicaksono/chart-js-integration)[![License](https://camo.githubusercontent.com/0f082e88bcfdba9a42b5b8625d5dc3ff9a8669d9fa10ad95afe68e43b0ece747/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f636f726f6f776963616b736f6e6f2f63686172742d6a732d696e746567726174696f6e)](https://github.com/coroo/chart-js-integration/blob/master/LICENSE)

[![Listed in Awesome ChartJS](https://camo.githubusercontent.com/13c4e50d88df7178ae1882a203ed57b641674f94/68747470733a2f2f63646e2e7261776769742e636f6d2f73696e647265736f726875732f617765736f6d652f643733303566333864323966656437386661383536353265336136336531353464643865383832392f6d656469612f62616467652e737667)](https://github.com/chartjs/awesome#integrations)[![License](https://camo.githubusercontent.com/388cb6cb448e2abc1980b6ac7aef378d98a57c71c87c401bf5e0dd0d9f1fd0e9/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f636f726f6f2f6e6f76612d63686172746a733f7374796c653d736f6369616c)](https://github.com/coroo/nova-chartjs/stargazers)

> This Nova Chart JS Integration requires Nova 2.0 or higher.

[![Chart JS Integration in Action](https://raw.githubusercontent.com/coroo/chart-js-integration/gh-pages/assets/img/chart-js-integration.gif)](https://raw.githubusercontent.com/coroo/chart-js-integration/gh-pages/assets/img/chart-js-integration.gif)

Installation &amp; Documentation
--------------------------------

[](#installation--documentation)

🎓 For better experiences, we moved documentation to : ****

ChangeLog
---------

[](#changelog)

Please see [CHANGELOG](https://github.com/coroo/chart-js-integration/blob/master/CHANGELOG.md) for more information on what has changed recently.

License
-------

[](#license)

The MIT License (MIT). Please see [License File](https://github.com/coroo/chart-js-integration/blob/master/LICENSE) for more information.

###  Health Score

29

—

LowBetter than 59% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity18

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity54

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 87.4% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~23 days

Recently: every ~8 days

Total

41

Last Release

1431d ago

Major Versions

v0.4.0 → v3.x-dev2022-06-17

### Community

Maintainers

![](https://www.gravatar.com/avatar/462f9163dae44197c6e224f46daa3c5bbbe995d832bbe754b3986202236b2f2d?d=identicon)[arditqerosi](/maintainers/arditqerosi)

---

Top Contributors

[![coroo](https://avatars.githubusercontent.com/u/13533557?v=4)](https://github.com/coroo "coroo (215 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (17 commits)")[![nw-b](https://avatars.githubusercontent.com/u/1254417?v=4)](https://github.com/nw-b "nw-b (4 commits)")[![LTKort](https://avatars.githubusercontent.com/u/2412670?v=4)](https://github.com/LTKort "LTKort (3 commits)")[![alberto-bottarini](https://avatars.githubusercontent.com/u/1442934?v=4)](https://github.com/alberto-bottarini "alberto-bottarini (2 commits)")[![dmason30](https://avatars.githubusercontent.com/u/20278756?v=4)](https://github.com/dmason30 "dmason30 (2 commits)")[![0xb4lint](https://avatars.githubusercontent.com/u/3747631?v=4)](https://github.com/0xb4lint "0xb4lint (2 commits)")[![brandonkhj](https://avatars.githubusercontent.com/u/42426195?v=4)](https://github.com/brandonkhj "brandonkhj (1 commits)")

---

Tags

laravelnovachart jsstacked chart

### Embed Badge

![Health badge](/badges/nova-chart-chart-js-integration/health.svg)

```
[![Health](https://phpackages.com/badges/nova-chart-chart-js-integration/health.svg)](https://phpackages.com/packages/nova-chart-chart-js-integration)
```

###  Alternatives

[coroowicaksono/chart-js-integration

A Simple Dashboard Chart in Laravel Nova using Chart JS. Starting create your own dashboard with Chart JS Integration can save your time and help you maintain consistency across standard elements such as Bar, Stacked, Line, Area, Doughnut and Pie Chart.

2201.9M1](/packages/coroowicaksono-chart-js-integration)[whitecube/nova-flexible-content

Flexible Content &amp; Repeater Fields for Laravel Nova.

8053.0M25](/packages/whitecube-nova-flexible-content)[outl1ne/nova-multiselect-field

A multiple select field for Laravel Nova.

3402.9M2](/packages/outl1ne-nova-multiselect-field)[waynestate/nova-ckeditor4-field

This nova package allows you to use CKEditor 4 for text areas.

62739.1k8](/packages/waynestate-nova-ckeditor4-field)[interaction-design-foundation/nova-unlayer-field

A Laravel Nova field for Unlayer to compose emails and landing pages.

35256.8k](/packages/interaction-design-foundation-nova-unlayer-field)[interaction-design-foundation/nova-html-code-field

A Laravel Nova field to write raw HTML and preview.

11157.5k](/packages/interaction-design-foundation-nova-html-code-field)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
