PHPackages                             jringeisen/wirecharts - 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. [Utility & Helpers](/categories/utility)
4. /
5. jringeisen/wirecharts

ActiveProject[Utility & Helpers](/categories/utility)

jringeisen/wirecharts
=====================

A package that allows you to integrate charts with your livewire application.

0.1.0(4y ago)16MITBladePHP ^7.4|^8.0

Since Nov 13Pushed 4y ago1 watchersCompare

[ Source](https://github.com/jringeisen/wirecharts)[ Packagist](https://packagist.org/packages/jringeisen/wirecharts)[ RSS](/packages/jringeisen-wirecharts/feed)WikiDiscussions main Synced 6d ago

READMEChangelog (1)Dependencies (3)Versions (2)Used By (0)

About Wire Charts
-----------------

[](#about-wire-charts)

After using Laravel Nova in a handful of projects, I needed the Value and Trend Cards outside of Laravel Nova. So I decided to build a livewire package that uses Chartist.js library to accomplish this. [![Wire Charts trend card](public/images/trend-card.png?raw=true)](public/images/trend-card.png?raw=true)

Installation
------------

[](#installation)

To get started with Wire Charts, you'll need to require the package.

```
composer require jringeisen/wirecharts
```

Add Chartist.js Assets
----------------------

[](#add-chartistjs-assets)

You'll need the chartist.js assets, make sure to include these in the head of your layout.

```

```

Publish Views
-------------

[](#publish-views)

If you'd like to make modifications to the views, you can do so by using the following command.

```
php artisan vendor:publish --provider="Jringeisen\WireCharts\WireChartsServiceProvider" --tag="views"
```

Adding the chart component
--------------------------

[](#adding-the-chart-component)

To display a chart you'll want to add the component of the chart that you want to add. So for instance, this is how you would add a line chart.

```
@livewire('line-chart', ['chartId' => '1', 'title' => 'Daily Users', 'series' => $data1, 'height' => 'h-36'])
```

If you plan to have multiple charts on the same page, make sure to have a unique `chartId` for each chart, like so.

```
@livewire('line-chart', ['chartId' => '1', 'title' => 'Daily Users', 'series' => $data1, 'height' => 'h-36'])
@livewire('line-chart', ['chartId' => '2', 'title' => 'Unique Visitors', 'series' => $data2, 'height' => 'h-36'])
```

The series option requires a specific format.

```
$data1 = [
    'count' => 100,
    'data' => [
        ['meta' => '2021-01-01', 'value' => 5],
        ['meta' => '2021-01-02', 'value' => 4],
        ['meta' => '2021-01-03', 'value' => 1]
    ]
]
```

License
-------

[](#license)

Wire Charts is open-sourced software licensed under the MIT license.

###  Health Score

21

—

LowBetter than 19% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity6

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity45

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% 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

Unknown

Total

1

Last Release

1645d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/3441c2b56648bbf9b04e46c71b005bf2fa285b901eec4d012220d874f65cc5da?d=identicon)[jringeisen](/maintainers/jringeisen)

---

Top Contributors

[![jringeisen](https://avatars.githubusercontent.com/u/7864804?v=4)](https://github.com/jringeisen "jringeisen (9 commits)")

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/jringeisen-wirecharts/health.svg)

```
[![Health](https://phpackages.com/badges/jringeisen-wirecharts/health.svg)](https://phpackages.com/packages/jringeisen-wirecharts)
```

###  Alternatives

[livewire/flux

The official UI component library for Livewire.

9385.0M86](/packages/livewire-flux)[livewire/volt

An elegantly crafted functional API for Laravel Livewire.

4195.3M84](/packages/livewire-volt)[jantinnerezo/livewire-alert

This package provides a simple alert utilities for your livewire components.

8041.2M20](/packages/jantinnerezo-livewire-alert)[leandrocfe/filament-apex-charts

Apex Charts integration for Filament PHP.

4861.2M8](/packages/leandrocfe-filament-apex-charts)[spatie/laravel-livewire-wizard

Build wizards using Livewire

4061.0M4](/packages/spatie-laravel-livewire-wizard)[spatie/laravel-dashboard

A dashboard for Laravel

568156.1k94](/packages/spatie-laravel-dashboard)

PHPackages © 2026

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