Fork of Actor Graph Attempt 2

100%

Fork of Actor Graph Attempt 2

✓ Published0🌍 Public

Last edited Apr 10, 2023

Created on Apr 10, 2023

A dark-themed network graph visualizes actor connections from a movie dataset, with each actor as a node and edges linking co-stars. The force-directed layout uses `d3.forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to position nodes and lines dynamically. Actors are parsed from the CSV's `Actors` column, and nodes and links are rendered as SVG circles, text labels, and lines. The visualization updates positions on each simulation tick, showing the relational structure of the cast.

AI-generated description

Helping someone out getting unstuck with this cool idea - a network of actors!

MIT Licensed

Similar vizzes

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?

88% match

Loading thumbnail…

Fork of Fork of Force Network

This network graph visualizes connections between actors, directors, and films, using a force-directed layout to reveal the collaborative relationships in the dataset. The visualization employs `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position nodes, while node color is mapped via a simple array scale based on the `group` property. Links represent relationships such as "Acted in" or "Directed," rendered as SVG lines with arrow markers. The graph reads from a local `data.json` file and updates positions on each simulation tick, drawing circles and lines into an SVG canvas.

NNkwachi Abel

87% 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?

87% match

Loading thumbnail…

Fork of Force Network

This force-directed network graph visualizes relationships between actors, directors, and films using data from a JSON file. Nodes are color-coded by group type (actors, directors, films), with links representing connections like "Acted in" or "Directed." The visualization uses `d3.forceSimulation` with forces for links, charge, collision, and centering, rendered as SVG with draggable nodes and hover highlighting. Arrow markers denote link direction, while the simulation updates node and link positions on each tick.

Ddas888530

87% match

Loading thumbnail…

Fork of Force Network

A force-directed network visualizes the relationships between actors, directors, and films. Actors and directors are color-coded by their professional role, with films as separate nodes. The graph uses a physics simulation with link, charge, and collision forces to position the nodes. Using `d3.forceSimulation` and `d3.forceLink`, the layout is interactive, and users can drag nodes to explore connections. The code loads data from JSON and renders the network as SVG.

DDeepa-Murugesan

86% match

Loading thumbnail…

Fork of Force Network

This force-directed network graph maps relationships between actors, directors, and films from a JSON dataset. It uses D3 v6's `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` physics, plus `d3.drag` for interactive node repositioning. SVG rendering shows colored nodes (by group), labeled with names, and links labeled with truncated relationship types (e.g., "Acte..." for "Acted in"). Line thickness reflects edge value, and arrowheads are defined via SVG markers.

Ssgzzhinde

86% 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…

Fork of Force Network

A force-directed network diagram displays the relationships between actors, directors, and films, with nodes representing individuals and movies. The visualization uses the D3.js library, specifically `d3.forceSimulation` with `d3.forceLink` and `d3.forceManyBody` to calculate node positions, and renders the graph as an SVG. Links connect nodes, indicating "Acted in" or "Directed" relationships, with node colors differentiating group types. The chart is interactive, allowing nodes to be dragged, and includes markers for link arrows.

Ttracy3057

85% match