What data format does the tool require?

The tool requires a JSON object containing two main arrays: 'nodes' (with id, label, and group) and 'edges' (with source and target).

Can I change the layout of the graph?

Yes, you can choose between force-directed, circular, grid, and random layout algorithms to best suit your data structure.

Is the generated chart interactive?

Yes, the output is an interactive HTML-based chart that allows you to explore nodes and connections dynamically.

How do I highlight specific groups in my network?

You can assign a 'group' property to your nodes and select a color scheme like 'Social Network' to automatically differentiate them.

Can I adjust the spacing between nodes?

Yes, you can modify the 'Link Distance' and 'Node Repulsion' settings to control the density and spacing of the force-directed layout.

Elysia Tools

Navigation

Data Visualization

Network Chart Generator

Interactive network relationship graph for visualizing social networks, topological structures, and node connections

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Inputs

Options are grouped so long tools stay easier to scan.

11 options

ContentPaste or type the main input values.7

Network DatatextareaRequiredJSON format network data with nodes and edges arrays. Nodes: id, label, group, size, color. Edges: source, target, weight, color, labelChart TitletextOptionalMain title of the network chartDefault Node SizetextOptionalDefault size of nodes in pixelsDefault Edge WidthtextOptionalDefault width of edges in pixelsLink DistancetextOptionalIdeal distance between connected nodes (force layout)Node RepulsiontextOptionalRepulsion force between nodes (negative value)Animation DurationtextOptionalAnimation duration in milliseconds

SettingsAdjust formats, ranges, numbers, and modes.2

Layout AlgorithmselectOptionalColor SchemeselectOptional

TogglesEnable or disable optional behavior.2

Show Node LabelscheckboxOptionalEnabled when checkedWhether to display node labelsShow Edge LabelscheckboxOptionalEnabled when checkedWhether to display edge labels

Result

Ready for a run

Run the tool to preview files, text, structured data, or streamed output here.

Samples

Network Chart Generator

Run this tool

Inputs

Result

Examples that match this tool

Continue with connected tools and hubs

Inputs

Result

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Overview

When to use

How it works

Use cases

Examples

1. IT Infrastructure Topology

2. Social Network Analysis

FAQ

Grafana Advanced Application Samples

QR Code Samples

Terraform Plan JSON Samples

D3.js Data Visualization Samples

Comparison Bar Chart Generator

Donut Chart Generator

Funnel Chart Generator

Gauge Chart Generator

Chart and Diagram Generators

JSON Schema, Mock Data, and API Fixture Generators

JSON to Typed Code Generators (TypeScript, Go, Rust, Kotlin, Java, C#)

JSON Interchange and Format Translation Tools