Skip to main content
SimilarExport ZIP
100%

Fork of Fork of MBB Q8.2

✓ Published0🌍 Public
Mmanthenasirisha06@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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
93% match
Loading thumbnail…

Fork of MBB Q8.2

This graph visualizes the network of Disney+ movies grouped by genre. It uses a D3.js force-directed layout with `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` to position square nodes and directed links with arrow markers. Nodes are colored by type (category, genre, title) using `d3.scaleOrdinal`, with labels rendered as SVG text. Data comes from a CSV file loaded via `d3.csv`, showing up to five movie titles per genre.

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

Fork of MBB_8.2

A force-directed graph maps the distribution of PG-13 movies across four streaming platforms: Disney Plus, Netflix, Amazon Prime, and Hulu. The central node links to each platform hub, which in turn connects to individual film titles. Using `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCollide`, the SVG layout positions draggable nodes with circular markers. The data comes from a local `data.json` file, rendered with D3 v6 within a React framework.

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

Fork of Fork of Fork of Fork of Jeevani Network

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.

BBelede Rahul
81% 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
81% match
Loading thumbnail…

Fork of Network

A force-directed network visualizes the relationships among countries, movies, directors, and cast members for two sample films, "The Grand" and "Take Care." Using d3.forceSimulation with link, charge, and center forces, the SVG graph positions colored circles, each mapped to a category, with text labels and draggable nodes. The code builds nodes and links from a hardcoded JavaScript array, then updates positions on each simulation tick, while d3.drag enables interactive manual repositioning.

Ssravya7136@gmail.com
81% match