Fork of fork 8.2

100%

Fork of fork 8.2

✓ Published0🌍 Public

Last edited Apr 2, 2024

Created on Apr 2, 2024

Forked from Fork of Fork of Fork of Jeevani Network

A force-directed graph maps PG-13 movies to their availability across Netflix, Amazon Prime, Disney Plus, and Hulu. The visualization uses `d3.v3` with an SVG rendering and a `forceSimulation` layout to position nodes, where the central hub connects to four streaming platforms, which in turn branch to individual film titles. Node and link styling is applied directly through CSS classes, with circles and text labels for each movie. The graph's static layout and explicit edge list present a clear, non-interactive overview of content distribution across these services.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Netflix titles network graph

A force-directed network graph visualizes the hierarchical structure of Netflix titles, categorizing a central catalog into genres, sub-genres, and individual movies or TV shows. Nodes are colored by group and labeled with their names, while links connect each level. The visualization uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position the SVG elements, with circle radii and stroke styling defined in CSS. The underlying data is hardcoded in JavaScript, representing a small, curated subset of the Netflix catalog.

Vviveknaroju999@gmail.com

84% match

Loading thumbnail…

Fork of Fork of Fork of Force Network

A force-directed network graph shows relationships between films, actors, and directors derived from a dataset of Tom Hanks films. The visualization uses a `d3.forceSimulation` to position nodes and links, with node colors reflecting the group membership from the JSON data. Actors, directors, and films are depicted as circles, while links are labeled with truncated relationship text. The simulation incorporates `forceCenter`, `forceLink`, and `forceCollide` forces, and nodes are interactive via `d3.drag`. The graph is rendered as SVG using D3 v6.

SSaivignesh-9176

79% 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

78% match

Loading thumbnail…

Fork of Force Network

A force-directed network diagram maps actors and directors to their films, with nodes colored by group and sized by connection value. Draggable circles represent people and movies, while gray lines show relationships such as "Acted in" or "Directed." The visualization uses D3 v6's `d3.forceSimulation` with link, charge, collision, and center forces, rendering nodes as SVG circles and links as lines with markers. Data comes from a local JSON file, loaded via `d3.json`.

Bbindhureddy98

78% match

Loading thumbnail…

Fork of Force Network

This force-directed network visualization uses d3.forceSimulation to map relationships between actors, directors, and films from a JSON data source. Nodes are rendered as colored circles in SVG, with link lines showing connections and arrowheads indicating direction. The code implements drag interactions and adjusts node positions through the simulation's tick handler, while link labels display truncated relationship types.

Bbindhureddy98

78% match

Loading thumbnail…

Fork of Force Network

A force-directed network diagram visualizes relationships between films, actors, and directors from a JSON dataset. Nodes are color-coded by group and sized uniformly, while links represent connections such as "Acted in" or "Directed." The visualization uses D3 v6's `d3.forceSimulation` with link, charge, collision, and centering forces, rendered as SVG circles and lines. Interactive dragging updates node positions via `d3.drag`, with markers indicating link direction.

88DancingElephants

78% match

Loading thumbnail…

Fork of Fork of Force Network

A force-directed network chart maps actors, directors, and films into colored nodes, with links representing acting or directing relationships. The layout uses `d3.forceSimulation` with forces for links, charge, collision, and centering. Circles are colored by a `scaleOrdinal` group mapping, and SVG markers define arrowheads for links. Data loads from `data.json`, and nodes support drag interaction via `d3.drag`. Labels and relationship text are appended but incomplete, while the tick handler updates line and circle positions.

Bbindhureddy98

77% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Force Network

A force-directed network diagram visualizes connections between Tom Hanks, film directors, and movies. It uses `d3.forceSimulation` with link, charge, collision, and center forces to position nodes and edges, rendered as SVG circles and lines. Node colors come from a `scaleOrdinal`-like color array based on group membership, while link markers are defined via `defs`. The chart loads JSON data and supports drag interactions, though labels and arrowheads remain unfinished.

DDivyaVellanki

77% match