VisNetwork.Blazor
3.0.0
dotnet add package VisNetwork.Blazor --version 3.0.0
NuGet\Install-Package VisNetwork.Blazor -Version 3.0.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="VisNetwork.Blazor" Version="3.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="VisNetwork.Blazor" Version="3.0.0" />
<PackageReference Include="VisNetwork.Blazor" />
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add VisNetwork.Blazor --version 3.0.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: VisNetwork.Blazor, 3.0.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package VisNetwork.Blazor@3.0.0
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=VisNetwork.Blazor&version=3.0.0
#tool nuget:?package=VisNetwork.Blazor&version=3.0.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
VisNetwork.Blazor
Blazor component for vis.js/vis-network.
Demo
You may see a working example here
Get Started
Install the NuGet package: VisNetwork.Blazor
Install using the Package Manager in your IDE or using the command line:
dotnet add package VisNetwork.Blazor
- Add the following using directives to your root
_Imports.razorfile, or any other .razor file where you want to use vis-network.
@using VisNetwork.Blazor
- Add the following to the relevant sections of
Program.cs.
using VisNetwork.Blazor;
builder.Services.AddVisNetwork();
vis-network
- Add a
Networkcomponent in your .razor file and configure it as you need. See Sample-app for example usage.
<Network Id="my-id" Data="@data" />
Providing custom options
To provide custom options the Options parameter can be used.
<Network Id="my-id" Data="@data" Options="NetworkOptions" />
private NetworkOptions NetworkOptions(Network network)
{
return new NetworkOptions
{
AutoResize = true,
Nodes = new NodeOption
{
BorderWidth = 1
}
};
}
Options can also be applied to the Network using the SetOptions API method.
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 is compatible. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 was computed. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
net8.0
- Microsoft.AspNetCore.Components (>= 8.0.20)
- Microsoft.AspNetCore.Components.Web (>= 8.0.20)
-
net9.0
- Microsoft.AspNetCore.Components (>= 9.0.9)
- Microsoft.AspNetCore.Components.Web (>= 9.0.9)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated |
|---|---|---|
| 3.0.0 | 678 | 10/14/2025 |
| 2.2.0 | 6,119 | 3/9/2024 |
| 2.1.0 | 1,777 | 11/18/2023 |
| 2.0.3 | 1,186 | 7/14/2023 |
| 2.0.2 | 1,582 | 3/4/2023 |
| 2.0.1 | 540 | 2/2/2023 |
| 2.0.0 | 731 | 12/30/2022 |
| 1.0.2 | 702 | 12/30/2022 |
| 1.0.1 | 3,256 | 12/17/2022 |
| 1.0.0 | 857 | 11/20/2022 |
| 1.0.0-preview.0 | 206 | 11/20/2022 |
| 0.0.10 | 796 | 9/13/2022 |
| 0.0.9 | 560 | 9/10/2022 |
| 0.0.8 | 2,302 | 3/2/2022 |
| 0.0.7 | 656 | 10/15/2021 |
| 0.0.6 | 529 | 10/6/2021 |
| 0.0.5 | 602 | 5/21/2021 |
| 0.0.4 | 749 | 11/25/2020 |
| 0.0.3 | 607 | 11/23/2020 |