Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Network Graph

✓ Published0🌍 Public
Sshreyavallamsetla@gmail.com
Last edited Apr 8, 2025
Created on Apr 8, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Network Graph

This circular network graph visualizes sales relationships between salespersons, products, and regions. Person and product nodes are placed on a circle using trigonometric calculations, with link thickness scaled to sales value. The D3.js v7 code builds the SVG visualization from tabular data, connecting each salesperson to their region and to the products they sold, with node size reflecting total sales.

Sshreyavallamsetla@gmail.com
88% match
Loading thumbnail…

Fork of Network Graph

This circular network graph visualizes sales relationships between salespersons, products, and regions. Person and product nodes are placed on a circle using trigonometric calculations, with link thickness scaled to sales value. The D3.js v7 code builds the SVG visualization from tabular data, connecting each salesperson to their region and to the products they sold, with node size reflecting total sales.

Sshreyavallamsetla@gmail.com
88% match
Loading thumbnail…

Fork of Fork of Network Graph

This visualization shows a network graph of employee relationships, with circles representing individuals and lines connecting each person to their parent node. The graph uses a force-directed layout driven by `d3.forceSimulation`, applying link distance, charge, and centering forces to position nodes. Data loads from a CSV file hosted on a Gist, and the code builds nodes and links from the Name and Parent columns. Rendered as SVG, the graph updates node positions and link coordinates on each simulation tick, with styling applied to links, circles, and text labels.

Ssdarsi2404@gmail.com
84% match
Loading thumbnail…

Fork of Fork of 11702358-ice 8 -Network

This network graph visualizes sales data across the USA, UK, and Canada, showing the relationships between a central "Sales Data" node, country nodes, salespersons, and chocolate products. The d3.v7 library with a force simulation layout positions nodes, with light gray links connecting hierarchical categories. SVG circles and rectangles represent nodes with black borders, while text labels identify each element. The graph uses pinned coordinates for the central node, and the code defines a legend, making the data hierarchy and product-to-salesperson associations explicitly visible.

Ssowmyakancharla01@gmail.com
84% match
Loading thumbnail…

Fork of Fork of Network Graph

This network graph visualizes relationships between e-commerce categories and sub-categories, such as Amazon connecting to Electronics and Fashion. Nodes are displayed as large yellow circles with labels, and directed links with arrowheads show the connections. The layout is computed using `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` forces. User interaction is supported via the `d3.drag` handler, which allows nodes to be repositioned, while hover effects are implemented with CSS class toggling. Data comes from a JSON file with node and link definitions, rendered as an SVG.

Mmukundakrishna.r@gmail.com
83% match
Loading thumbnail…

Fork of Fork of 11702358-ice 8 -Network

This network graph visualizes sales data across three countries—USA, UK, and Canada—using a force-directed layout. A central "Sales Data" node connects to country nodes, which branch to individual salespersons and their associated chocolate products. The SVG implementation uses d3.forceSimulation to position nodes and links, with distinct shapes and colors differentiating countries, salespersons, and product categories. Node labels appear directly on the canvas, and the data is embedded inline within the JavaScript code.

Ssowmyakancharla01@gmail.com
82% match
Loading thumbnail…

Fork of 11702358-ice 8 -Network

This network graph visualizes sales data across the USA, UK, and Canada, showing the hierarchical relationships between a central "Sales Data" node, country hubs, salespersons, and specific chocolate products. Using D3.js v7 with an SVG rendering, the code builds a force-directed layout with `d3.forceSimulation`? Actually it uses a manual spring-based positioning based on fixed coordinates and links. Nodes and links are drawn with `<circle>` and `<line>` elements, while labels and a legend clarify the node types and product categories. The graph is pinned at the center and branches outward to display the data structure.

JJahnavi Kopalli
81% match
Loading thumbnail…

Fork

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.

Bbharathavulapati@gmail.com
81% match