🐻 Beartropy Charts

A powerful chart component library for the TALL stack

Tailwind • Alpine • Laravel • Livewire

A comprehensive chart component library specifically designed for the TALL stack (Tailwind, Alpine, Laravel, Livewire).

📚 Documentation

The full documentation for this package involves installation, configuration, and advanced usage examples.

👉 Read the full documentation at beartropy.com/charts

✨ Key Features

• Diverse Chart Types: Includes Bar, Line, and Pie charts out of the box.
• TALL Stack Optimized: Built seamlessly for Tailwind CSS, Alpine.js, Laravel, and Livewire integration.
• Customizable: Easily configure colors, labels, and data sets.
• Reactive: Works perfectly with Livewire for real-time data updates.
• Developer Friendly: Simple API for quick integration.

🚀 Quick Installation

You can install the package via composer:

composer require beartropy/charts

💡 Basic Usage

Bar Chart

<x-bar-chart
    :labels="['Jan', 'Feb', 'Mar']"
    :datasets="[
        [
            'label' => 'Sales',
            'data' => [100, 200, 150],
            'backgroundColor' => '#4F46E5',
        ]
    ]"
/>

Line Chart

<x-line-chart
    :labels="['Jan', 'Feb', 'Mar']"
    :datasets="[
        [
            'label' => 'Visitors',
            'data' => [500, 800, 600],
            'borderColor' => '#10B981',
            'fill' => false,
        ]
    ]"
/>

Pie Chart

<x-pie-chart
    :labels="['Red', 'Blue', 'Yellow']"
    :datasets="[
        [
            'data' => [30, 50, 20],
            'backgroundColor' => ['#EF4444', '#3B82F6', '#F59E0B'],
        ]
    ]"
/>

🤝 Contributing

Please see CONTRIBUTING for details.

📄 License

The MIT License (MIT). Please see License File for more information.

Note

Disclaimer: This software is provided "as is", without warranty of any kind, express or implied. Use at your own risk.