Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of Fork of Jeevani Network

✓ Published0🌍 Public
BBelede Rahul
Last edited Apr 3, 2024
Created on Apr 3, 2024

This network graph shows a hierarchical structure of Amazon Prime movies, organized into three top-level genres (Comedy, Documentary, Drama), each connected to up to three movie titles. The visualization uses a force-directed layout created with `d3.forceSimulation`, combining force-link, `forceManyBody`, and force-center to position rectangular nodes representing categories, genres, and titles, with distinct colors and a custom marker for directed connections. The data is loaded from a CSV of Amazon Prime titles using `d3.csv`, filtered to movies, and grouped by the first listed genre before building the node and link arrays.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-8 Network Graph

This visualization displays a network graph of Amazon Prime movies, organized into three genres—Comedy, Documentary, and Drama—with each genre connected to up to three movie titles. A central "Movies" node links to the genre nodes, and all connections are rendered as directed links with arrow markers. The graph uses d3.forceSimulation with forceLink and forceManyBody to position nodes, styled via SVG circles and text labels colored by node type. Data is loaded from a CSV file, filtered to movies, and grouped by genre.

Mmanthenasirisha06@gmail.com
83% match
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
82% match
Loading thumbnail…

Fork of fork 8.2

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.

Ppmbhupathibalu@gmail.com
81% match
Loading thumbnail…

Fork of Fork of MBB Q8.2

A force-directed network graph visualizes the relationships between a central "Movies" category, three primary genres (Comedy, Documentary, Drama), and up to three representative movie titles per genre, based on a Netflix dataset loaded via `d3.csv`. The graph uses `d3.forceSimulation` with force-link, many-body, and center forces to position nodes, which are rendered as colored SVG circles based on a categorical color scale. Each node and link is labeled, and the simulation updates node positions and link endpoints on each tick.

Mmanthenasirisha06@gmail.com
81% match
Loading thumbnail…

Fork of Fork of HTML Starter

This visualization uses a force-directed graph to show the distribution of PG-13 movies across four major streaming platforms: Netflix, Amazon Prime, Disney Plus, and Hulu. Each movie is represented as a circular node, color-coded cyan, with the platform as a central hub. The interactive chart uses `d3.forceSimulation` to apply link, charge, collision, and centering forces, while user drag events allow manual repositioning of nodes. SVG rendering draws connecting lines with arrow markers to indicate relationships, and hover effects highlight individual nodes.

Ppmbhupathibalu@gmail.com
79% 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
78% match
Loading thumbnail…

Fork of MBB Q8.2

This fork of MBB Q8.2 displays a network graph of Netflix movies grouped by genre, with a central "Movies" node connecting to three genre hubs and up to three movie titles per genre. The visualization uses d3.forceSimulation with forceLink and forceManyBody to position nodes, rendered as SVG circles colored by a d3.scaleOrdinal based on node type. Data is loaded from a CSV file via d3.csv and filtered for movies, with the genre extracted from the `listed_in` field.

Ppmbhupathibalu@gmail.com
77% match
Loading thumbnail…

ICE-8:Network graph

This network graph visualizes the relationships between Amazon Prime titles and their primary genres. Red genre nodes connect to blue title nodes through a force-directed layout, with node positions determined by a physics simulation. The visualization uses D3 v5 with the `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` APIs to manage attraction and repulsion forces. Data is loaded via `d3.csv` from a GitHub gist, and nodes are rendered as SVG circles with text labels, supporting interactive dragging through D3's drag handlers.

Yyvarshachowdary@gmail.com
77% match