C3js
c3js charts and graph
Install / Use
/learn @arabnewscms/C3jsREADME
c3js on laravel version 8,9,10
c3js charts and graph easy way to make Chart with C3js #Free Package To Make Your KPI and Charts By PHPanonymous (Mahmoud Ibrahim)

installation
composer require phpanonymous/c3js
publish provider
php artisan vendor:publish --provider="Phpanonymous\C3JS\C3JSProvider"
or
php artisan vendor:publish
and choose c3js package number in your list
usage
provide this on your header
make sure to use jquery library
{!! C3js::c3jAsset() !!}
widget
this example to how to make your first chart
use the C3js::widget static function
use Phpanonymous\C3JS\C3js;
$chart_1 = C3js::widget([
'bindto' => "#chartJs",
'data' => [
'x' => 'x',
'columns' => [
['x', '2016-01-01', '2016-02-01', '2016-03-01', '2016-04-01', '2016-05-01', '2016-06-01'],
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25],
],
'types' => [
'data1' => 'bar',
'data2' => 'bar',
],
],
'axis' => [
'y' => [
'label' => [
'text' => 'Y Label',
'position' => 'outer-middle',
],
],
'x' => [
'type' => 'timeseries',
'tick' => [
'format' => '%Y-%m-%d',
],
'label' => [
'text' => 'X Label',
'position' => 'outer-middle',
],
],
],
]);
this package based on c3js library
https://c3js.org/
this is demo package is beta not released just soon we are publish release version 1
Related Skills
node-connect
345.9kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
106.4kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
345.9kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
345.9kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
