Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8 Network graph Tagore

Public visualization

ICE-8 Network graph Tagore

0 stars0🌍 Public
Cchilukuritagore1427@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from Fork of 6 Buddha

This network graph visualizes the top 20 product categories and countries from a Global Superstore dataset, showing connections between them. The visualization uses a force-directed layout to position nodes, with custom colors distinguishing categories from countries. Built with D3.js, it employs `d3.forceSimulation` with link, charge, and center forces to arrange the nodes, while SVG circles, lines, and text labels render the network. Interactive dragging is enabled through D3’s drag module, allowing users to manually reposition nodes within the simulation.

AI-generated description
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Network Graph</title> <script src="https://d3js.org/d3.v7.min.js"></script> <style> svg { border: 1px solid #ccc; } </style> </head> <body> <svg id="network-graph"></svg> <script src="network.js"></script> </body> </html>

Comments

Sign in to join the discussion.

MIT Licensed