Skip to main content
SimilarExport ZIP
100%

Fork of Network Graph

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

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.

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
100% 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
88% 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
82% 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
81% 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
80% 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
79% match
Loading thumbnail…

Fork of Fork of network ICE

This example shows a hierarchical sales organization as a tree diagram, with the root labeled "Global Sales" branching into country-level regions, sales representatives, and product nodes. It uses D3 v7’s `d3.tree()` layout and `d3.hierarchy()` to compute node positions, then renders SVG paths and text via `d3.select` and `enter()`. Node shapes vary by depth—rectangle, diamond, triangle, and circle—and each node’s fill color changes by level, using custom path data for each geometric form.

Sshreyavallamsetla@gmail.com
79% match
Loading thumbnail…

Fork of Fork of Fork of network ICE

This example shows a sales hierarchy tree with a root node for Global Sales, branching into country-level nodes (United States and United Kingdom), sales representatives, and individual products. The visualization uses D3.js v7 with the `d3.tree()` layout and `d3.hierarchy()` to compute node positions, then renders the structure as an SVG using `linkHorizontal()` for the connecting paths and colored circle nodes representing depth levels. Labels are positioned to the left for parent nodes and to the right for leaf nodes, with the data structure hardcoded in JavaScript.

Sshreyavallamsetla@gmail.com
79% match