PHPackages                             lucas-barros/filament-network-graph - 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. lucas-barros/filament-network-graph

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

lucas-barros/filament-network-graph
===================================

Gráficos de rede com vis js no filament

v3.0.0(2mo ago)017MITPHPPHP ^8.2

Since Feb 15Pushed 2mo agoCompare

[ Source](https://github.com/LucasKayque10/filament-network-graph)[ Packagist](https://packagist.org/packages/lucas-barros/filament-network-graph)[ RSS](/packages/lucas-barros-filament-network-graph/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (3)Versions (4)Used By (0)

Filament Network Graph
======================

[](#filament-network-graph)

Renderize grafos interativos (nodes + edges) no Filament usando vis-network, com API fluente e integração nativa com Pages.

Permite:

- Nodes com imagem, popup HTML, rota, tamanho
- Edges configuráveis (label, dashed, arrows, width)
- Builder fluente
- Componente Livewire pronto
- Page base reutilizável
- Totalmente server-driven (dados vêm da Page)

---

📦 Instalação
------------

[](#-instalação)

```
composer require lucas-barros/filament-network-graph
```

✅ Requisitos
------------

[](#-requisitos)

PHP 8.1+

Laravel 10+

Livewire 3

Filament 4

🚀 Uso rápido
------------

[](#-uso-rápido)

1️⃣ Criar Page php artisan make:filament-page Network

2️⃣ Estender a Page do pacote

use LucasBarros\\FilamentNetwork\\Pages\\NetworkPage; use LucasBarros\\FilamentNetwork\\Support\\Node; use LucasBarros\\FilamentNetwork\\Support\\Edge;

class Network extends NetworkPage { protected function getNodes(): array { return \[ Node::make(1, 'Pessoa A') ->size(30) ->popup('**Detalhes**'),

```
        Node::make(2, 'Pessoa B'),
    ];
}

protected function getEdges(): array
{
    return [
        Edge::make(1, 2)
            ->label('Vínculo')
            ->arrowTo()
            ->width(2),
    ];
}

protected function getOptions(): array
{
    return [
        'physics' => [
            'enabled' => true,
        ],
    ];
}

```

}

🧩 Node API
----------

[](#-node-api)

Node::make($id, $label) ->image($url) ->size(25) ->popup($html) ->route('/url') ->newTab()

🔗 Edge API
----------

[](#-edge-api)

Edge::make($from, $to) ->label('Texto') ->width(2) ->dashed() ->arrowTo() ->arrowBoth()

⚙️ Options
----------

[](#️-options)

As options são passadas direto para o vis-network:

protected function getOptions(): array { return \[ 'interaction' => \[ 'dragNodes' => false, \], \]; }

🎯 Actions da Page
-----------------

[](#-actions-da-page)

Você pode usar Actions do Filament normalmente para:

focar nodes

alternar camadas

atualizar grafo

filtros dinâmicos

O componente sempre renderiza com base no retorno de:

getNodes() getEdges() getOptions()

🪟 Popup de Node
---------------

[](#-popup-de-node)

Se o node tiver:

->popup('')

abre modal ao clicar.

🔁 Double click → rota
---------------------

[](#-double-click--rota)

->route('/pessoas/1') ->newTab()

abre no double click.

🏗 Builder fluente (opcional)
----------------------------

[](#-builder-fluente-opcional)

NetworkBuilder::make() ->nodes(\[...\]) ->edges(\[...\]) ->options(\[...\])

📌 Recursos
----------

[](#-recursos)

Sem JS custom do usuário

Sem dependência externa além de vis-network CDN

Totalmente encapsulado

Reutilizável entre projetos

🛠 Roadmap
---------

[](#-roadmap)

clusters

grupos de nodes

export PNG

layout presets

filtros client-side

📄 Licença
---------

[](#-licença)

MIT

###  Health Score

38

—

LowBetter than 85% of packages

Maintenance83

Actively maintained with recent releases

Popularity7

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity48

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

Every ~0 days

Total

3

Last Release

86d ago

Major Versions

v1.0.0 → v3.0.02026-02-15

### Community

Maintainers

![](https://www.gravatar.com/avatar/22e25791cb76470c76153dbd55c18b7ca57820f5a7f3c0dec390a8bda9aa1d8e?d=identicon)[LucasKayque10](/maintainers/LucasKayque10)

---

Top Contributors

[![LucasKayque10](https://avatars.githubusercontent.com/u/190841407?v=4)](https://github.com/LucasKayque10 "LucasKayque10 (5 commits)")

### Embed Badge

![Health badge](/badges/lucas-barros-filament-network-graph/health.svg)

```
[![Health](https://phpackages.com/badges/lucas-barros-filament-network-graph/health.svg)](https://phpackages.com/packages/lucas-barros-filament-network-graph)
```

###  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)[kirschbaum-development/commentions

A package to allow you to create comments, tag users and more

12369.2k](/packages/kirschbaum-development-commentions)

PHPackages © 2026

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