Skip to main content
SimilarExport ZIP
100%

practice

✓ Published0🌍 Public
Ppilliprathimarani@my.unt.edu
Last edited Apr 2, 2024
Created on Apr 2, 2024
Forked from ICE8-network graph

This network graph visualizes the relationships between India, major religions, and its states, using a force-directed layout. The visualization employs the D3.js library with `d3.forceSimulation` for physics-based positioning, `forceLink` for edge interactions, and `forceManyBody` for repulsion. Nodes are rendered as SVG circles with labels, while links are drawn as lines. The data is loaded from a JSON file containing node and link structures, and the simulation runs continuously to arrange the network dynamically.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

practice

This visualization displays the distribution of religious populations across Indian states using a hierarchical tree layout. The code constructs a nested data structure with India as the root, major religions such as Hinduism, Islam, and Christianity as primary branches, and individual states as leaf nodes. It utilizes D3.js v7 to render the tree as an SVG, with nodes colored based on their hierarchy level and links styled as curved paths. The visualization highlights which states have significant populations of each religion, though the numeric values are arbitrary rather than sourced from actual census data.

Ppilliprathimarani@my.unt.edu
81% match
Loading thumbnail…

Network_graph_2

An interactive network graph visualizes connections between cities in South India using a force-directed layout. The d3.forceSimulation API drives node positioning via link, charge, collision, and center forces, while the rendered SVG displays nodes as circles, links as lines with arrow markers, and distance labels. The visualization reads its structure from a JSON data file.

RRohithNaiduDevareddy@my.unt.edu
78% match
Loading thumbnail…

Network Practice

This example visualizes a force-directed network of 11 sites and 37 links, with line thickness indicating link weight. Circles represent nodes at fixed positions, while links connect them according to the data. The visualization uses D3 v5’s `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to compute layout, and renders nodes and links as SVG circles and lines. A color scale is defined but not applied, as nodes use default fill. Data comes from a local JSON file.

AAbigaily823
76% match
Loading thumbnail…

Network Practice

This visualization shows a small network of thirteen nodes connected by seventeen links. Node size is constant, while link thickness encodes a numeric value from the data. Node color represents group membership via a categorical color scale, and the network layout is determined by a physics simulation. Using d3.forceSimulation, d3.forceLink, d3.forceManyBody, and d3.forceCenter, the nodes are arranged and their positions updated on each tick, rendering as an SVG with circles and lines.

Kkschick22
75% match
Loading thumbnail…

Fork of ICE-8-TREE-religions

This visualization displays the distribution of major religions across Indian states using a hierarchical tree structure, with India at the root and religions such as Hinduism, Islam, and Christianity as primary branches. Each religion branches into individual states, with node size representing relative population values. The rendering employs D3.js v7’s force-directed layout, using `d3.forceSimulation` to position nodes and SVG circles and links for display. Color coding distinguishes hierarchy levels: blue for religion nodes and purple for state leaf nodes. The static HTML references external CSS and JavaScript files to manage styling and layout.

Vvinodreddysagam929@gmail.com
75% match
Loading thumbnail…

IC8 - Bhavya - Social Network Graph

This interactive social network graph visualizes the hierarchical relationships between Indian states and their districts. The visualization uses a force-directed layout with `d3.forceSimulation`, applying `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` forces to position nodes. States appear as larger steelblue circles with white labels, while districts are smaller lightgreen circles with black text. The graph draws dashed gray reference lines from the center to each district, and data is fetched from a Gist CSV file and parsed using `d3.csvParse`. The layout updates dynamically through the simulation's tick event.

Bbhavyapokuri123@gmail.com
75% match
Loading thumbnail…

Network Graph

This interactive network graph visualizes a social network of friends, with nodes representing individuals and links showing their relationships. The visualization uses force-directed layout through d3.forceSimulation with link, charge, collision, and center forces to position the nodes. Users can drag nodes to rearrange the network. Data is loaded from a local JSON file, and the graph is rendered as SVG elements including circles for nodes and lines for links, with arrow markers indicating relationship direction. Hovering highlights individual nodes.

Hharipriyaa07
74% match
Loading thumbnail…

Social Network Graph

This visualization displays a social network graph using a force-directed layout. Nodes represent individuals, and lines depict connections between them, with each node labeled by name. The code uses `d3.forceSimulation` with `d3.forceLink` for the edges, `d3.forceManyBody` for repulsion, and `d3.forceCenter` to keep the graph centered. The network data is loaded as JSON from a GitHub gist, and the SVG rendering updates node and link positions dynamically as the simulation runs.

Ss-pranathi
74% match