Ice-8_Asignment-8- Network Graph

100%

Ice-8_Asignment-8- Network Graph

✓ Published0🌍 Public

Last edited Apr 9, 2025

Created on Apr 9, 2025

This network graph visualizes US housing sales across regions and states, with hierarchical data (USA → region → state → metrics like sales, price, and size) rendered as connected nodes. The chart uses a force-directed layout via `d3.forceSimulation` and `d3.forceLink`, with SVG rendering for the links and circles. Node labels display region, state names, and informational statistics, all styled using CSS within an `index.html` file. The data is hardcoded as a JavaScript object, and the visualization updates dynamically based on the simulation forces.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-8_Assignmnet -8 of Tree structure

This visualization displays a hierarchical tree structure of US housing sales data, organized by geographical regions (West, South, Northeast, Midwest) and states, with leaf nodes showing sales figures, median prices, and square footage for each state. Built with D3 v7, the code uses `d3.hierarchy()` and `d3.tree()` to compute the layout, then renders SVG paths via `d3.linkHorizontal()` for connecting links and SVG groups for nodes, with node shapes differentiated by their type (region, state, or info).

Ssowmyakancharla01@gmail.com

84% match

Loading thumbnail…

ice 8 Rohith Annadurai NETWORK GRAPH

This network graph visualizes the hierarchical relationships between U.S. states, regions, cities, and counties, with nodes color-coded by geographic type and connected by links. The visualization uses d3.forceSimulation with forceLink, forceManyBody, and forceCenter to position nodes, while SVG circles and lines render the network. The graph dynamically sizes itself to the viewport, and the data is hardcoded in the script, showing the geographic structure from the national level down to individual counties.

Rrohithannadurai@my.unt.edu

80% match

Loading thumbnail…

ICE Assignment-6

This example shows US housing sales by state as a static bar chart, with each bar’s height representing the number of sales and a rotated x-axis label for each state. The chart is rendered as an SVG using D3 v6, leveraging `d3.csv` to load data from a GitHub Gist, `d3.scaleBand` and `d3.scaleLinear` for scales, and `d3.axisBottom` and `d3.axisLeft` for axes. The visualization includes a title and uses a steelblue fill for the bars.

Ssowmyakancharla01@gmail.com

79% match

Loading thumbnail…

Rohith Annadurai ICE-8 Network graph

This network graph visualizes the hierarchical relationships between US states, regions, and counties using a force-directed layout. The D3.js v7 code builds nodes and links from a nested data structure, employing `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position elements. Nodes are rendered as SVG circles with drag functionality, while links appear as black lines. The visualization distinguishes entity types through CSS classes, with a light yellow background and clear text labels.

Rrohithannadurai@my.unt.edu

78% match

Loading thumbnail…

Rohith Annadurai ICE-8 Network graph

This network graph maps the hierarchical relationship between US states and their counties, visualizing an Eastern and Western regional structure. The visualization uses D3.js force-directed algorithms, specifically `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody`, to position nodes based on link and charge forces. Each node is rendered as a colored circle (white-filled with dark strokes) and links are black lines, with all elements drawn onto an SVG canvas. The data is hand-coded hierarchical JSON, with callback functions processing parent-child dependencies to generate the network’s node and link arrays.

Rrohithannadurai@my.unt.edu

77% 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

77% match

Loading thumbnail…

ICE-7-Assignment-7- Piechart

This pie chart displays the distribution of housing sales across the ten most populous U.S. states, with each slice sized by the number of sales and labeled in a legend showing exact values. The visualization uses D3 v7 to generate an SVG pie chart, applying `d3.pie()` to compute arc angles and `d3.arc()` to render the paths, while `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors to states. The data consists of hardcoded values for state populations and sales figures, and the chart includes a custom legend positioned to the right of the pie.

Ssowmyakancharla01@gmail.com

77% match

Loading thumbnail…

ICE-8 2q network

This interactive force-directed network visualizes connections between eight U.S. cities, with nodes colored by group and labeled with city names. The D3.js visualization uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes, while SVG lines and circles render the routes and cities. Drag behavior via `d3.drag()` allows users to move nodes, updating the simulation in real time. The chart operates on static, hardcoded data representing conceptual city pairs.

Aakshayamsgrad@gmail.com

76% match