Graph_test

100%

✓ Published0🌍 Public

Last edited Sep 28, 2021

Created on Sep 28, 2021

This graph visualization shows the relationships between actors, directors, and films, with nodes representing people and movies connected by directed links that indicate actions like "Acted in" and "Directed." The node size and link thickness vary based on a value attribute, while different colors differentiate node groups. Built with D3.js v6, it uses `d3.forceSimulation` with link, charge, collision, and center forces to position the elements, and renders the graph as an SVG with arrowheads marking link direction. The visualization also supports zooming and panning via `d3.zoom`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Graph

This graph visualization maps the relationships between actors, directors, and films using a force-directed layout. It displays movies as one node type and the people involved as another, with arrows indicating the specific role each person played in a production, such as acting or directing. The visualization uses the D3.js library with the `d3.forceSimulation` and `d3.forceLink` APIs to simulate physical forces that position the nodes, while a custom drag interaction lets users rearrange the network. Data comes from the provided `data.json` file, which contains nodes for people and films along with links specifying their relationships.

VVictor Lorena

88% match

Loading thumbnail…

Actor Graph

This interactive visualization displays a force-directed graph of actors and the movies they appear in, where each actor is represented as a node and connections between actors who share a film are shown as links. The graph is built using D3.js v7, with the `d3.forceSimulation` API handling node positioning and link physics. Data comes from a CSV file listing movies and their cast, parsed using `d3.csvParse`, and rendered as SVG elements (circles, text labels, and lines). The visualization explores collaborative networks among actors across the included film dataset.

KKyle?

85% match

Loading thumbnail…

Knowledge Graph Test

A force-directed knowledge graph maps relationships between actors, directors, and films, with edges representing actions like "Acted in" or "Directed" and node colors indicating entity type. Built with d3.forceSimulation, the visualization applies charge, collision, and centering forces, while links include arrowhead markers and curved path labels showing relationship types. Nodes are draggable, and the entire graph supports zooming and panning via d3.zoom. The SVG rendering pulls data from a local JSON file containing nodes and links with metadata such as relationship value and source/target types.

Xxsg13

84% match

Loading thumbnail…

Actor Graph

The Actor Graph is a force-directed network visualization built with D3.js, showing a small set of connected actors as labeled nodes and edges. It uses the `d3.forceSimulation` API with `forceManyBody` and `forceLink` forces to position the nodes, while `forceCenter` keeps the layout centered in the viewport. The graph is rendered as SVG elements, including circles, lines, and text labels, and is intended to be populated with data from the included `data.csv` file, which lists movies and their casts.

KKyle?

83% match

Loading thumbnail…

record links graph_1.5

This example visualizes a directed graph of film-related records, showing relationships between actors, directors, and films. A force-directed layout with arrow markers displays links and labels for relationship types. The code uses `d3.forceSimulation` for physics-based positioning, with SVG rendering. Node groups are distinguished by color via `scaleOrdinal`. The data comes from `data.json` and includes both node and link arrays with metadata like relationship and type.

Ssgzzhinde

82% match

Loading thumbnail…

Actor Graph Attempt 2

A force-directed actor graph visualizes connections between performers who co-star in films from a movie dataset. White nodes and red labels represent actors, while white lines link co-stars. The visualization uses D3 v7’s `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position the graph dynamically. An SVG canvas of 10000x10000 pixels renders the network, with node and link positions updated on each simulation tick.

KKyle?

82% match

Loading thumbnail…

Knowledge Graph

This knowledge graph visualizes the relationships between actors, directors, and films from a JSON dataset. Nodes represent individuals and movies, while directed links with arrowheads display relationships such as "Acted in" or "Directed," with labels positioned along each edge. The layout is computed using `d3.forceSimulation` with forces for linking, charge, collision, and centering, rendered as an SVG with interactive pan and zoom via `d3.zoom`. Node drag behavior and a color scale for groups enhance exploration of the network.

Ssgzzhinde

81% match

Loading thumbnail…

Force Network

A force-directed network chart maps the connections between actors, directors, and films from a local JSON dataset. Nodes are colored by group and sized uniformly, while links represent professional relationships such as "Acted in" or "Directed." Built with D3 v6, the visualization uses `d3.forceSimulation` with link, charge, collision, and center forces, and renders nodes and edges as SVG elements. Node positions update on each simulation tick, and nodes are interactive via `d3.drag`.

Ssgzzhinde

81% match