Skip to main content
SimilarExport ZIP
100%

Fork

✓ Published0🌍 Public
Bbharathavulapati@gmail.com
Last edited Apr 9, 2025
Created on Apr 9, 2025

A force-directed network graph depicts job postings, linking companies from a local data source (such as "Corcoran Sawyer Smith" and "PrimeTech") to specific job titles like "Marketing Coordinator" and "Building Engineer." A central "Sales Data" node connects to each company, which then branches to its associated roles. Built with D3 v7, the visualization uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes, while SVG elements render draggable clusters with light-gray links and black node borders.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of graph

A fork of graph visualizes job postings data as a network of companies and job titles connected to a central node. It uses d3.forceSimulation and d3.forceLink to position nodes and links in an SVG canvas, with labels and styled circles. The rendering includes a static force-directed layout with light gray links and black-bordered nodes.

Bbharathavulapati@gmail.com
91% match
Loading thumbnail…

Fork of graph

A force-directed graph connects a central "Job Postings Data" node to nine companies, each linking to one job title. The visualization uses an SVG container and D3 v7's `forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` APIs to position nodes. Light gray links and black-bordered circles render the network, with node labels displayed next to each circle. The layout adjusts to the browser window width while maintaining a fixed height.

Bbharathavulapati@gmail.com
90% match
Loading thumbnail…

Fork of Fork of HTML Starter

A force-directed network diagram visualizes relationships between arts and community organizations. Nodes are color-coded by parent category and sized by hierarchy level. The D3 v7 simulation applies many-body forces, distance-based link springs, and a centering force. The code uses `forceSimulation`, `forceManyBody`, `forceLink`, `forceCenter`, and `drag` APIs to create an interactive, draggable SVG graph.

Ddragan.gorgiev@gmail.com
82% match
Loading thumbnail…

Fork of Fork of Network Graph

This interactive network graph visualizes the relationships between sales people and products, with node size reflecting total sales and colors distinguishing persons (blue) from products (orange). The visualization uses d3.forceSimulation with forceLink, forceManyBody, forceCenter, and forceCollide to position nodes, while SVG circles and lines render the network. A tooltip appears on mouseover to display node details, and nodes are draggable via d3.drag. The sample data includes sales figures from an Excel spreadsheet, demonstrating a typical sales-product association structure.

Sshreyavallamsetla@gmail.com
81% match
Loading thumbnail…

Fork of Fork of Force Network

A force-directed network diagram maps connections between films, actors, and directors. Actors and directors appear as red or green nodes, while films are blue, gold, or orange, with link thickness reflecting relationship strength. The visualization uses d3.forceSimulation with forceLink, forceManyBody, forceCollide, and forceCenter to position elements dynamically. Data is loaded from a JSON file and rendered as SVG circles and lines. Arrowheads, labels, and drag-and-drop interaction are not yet implemented.

Iii-kc
81% match
Loading thumbnail…

Fork of Force Directed Graph

A fork of a force-directed graph compares node-link and adjacency-matrix views of a network. Clicking a node in the graph, or a cell in the matrix, highlights the corresponding row and column or links. The graph uses d3.forceSimulation with forceLink, forceManyBody, and forceCenter, while the matrix renders as SVG rectangles scaled by edge weight. Both views support zooming and dragging via d3.drag and d3.zoom, with node colors mapping to group values.

EELBOUNIAmine
81% match
Loading thumbnail…

Fork of Force Network

A network chart displays relationships between actors, directors, and films, with nodes colored by group and sized by their connection count. The visualization uses d3.forceSimulation with forceLink, forceManyBody, forceCollide, and forceCenter to position nodes, while SVG lines represent links. Drag-and-drop interaction is implemented via d3.drag, and hover styling highlights nodes with a CSS class.

NNikhilMakkena
81% 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
81% match