Skip to main content
100%

graph

✓ Published0🌍 Public
RRuchithaSriSaiValliThanmayPotladurthy@my.unt.edu
Last edited Apr 22, 2026
Created on Apr 14, 2026

This interactive HTML visualization demonstrates a Smart Adaptive Emergency Routing System on a 20-node grid. It shows how different navigation algorithms (Adaptive Dijkstra, Adaptive A*, and Static Dijkstra) find paths between user-selected source and destination nodes under various scenario conditions, including heavy traffic, bad weather, and accidents. The system displays the computed route directly on an SVG canvas, with edge weights and blocked routes dynamically adjusted based on the selected scenario. The interface uses HTML select elements, buttons, and JavaScript to recompute paths, while the SVG rendering and CSS styling provide a dark-themed network map.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

network graph

A network graph visualizes traffic timings across multiple route–time connections. Nodes represent traffic categories, specific routes, and time intervals, with links connecting each timing category to routes and routes to their measured times. The layout uses d3.forceSimulation with forceLink, forceManyBody, and forceCenter to position elements dynamically. Rendered as SVG, nodes are colored circles with text labels, while links are drawn as lines. The dataset is embedded directly in the code, showing eight routes paired with distinct timing values across four daily periods.

Ssatishnarne99@gmail.com
71% match
Loading thumbnail…

ICE-8 Network

This zombie evacuation network uses D3.js v7 to render an interactive SVG force-directed graph of evacuation routes between nine locations. Each node is colored by location type—such as safe zones, medical facilities, and danger areas—with a legend identifying the categories. A `d3.forceSimulation` with link distance and charge forces positions the nodes and edges drawn as lines. The graph highlights potential emergency pathways and resource distribution across the network.

KKeith Miller
71% match
Loading thumbnail…

Network Graph

This network graph visualizes relationships among individuals and locations, with nodes labeled by names like "UNT" and connections indicating links between them. The interactive force-directed layout, built with d3.forceSimulation, incorporates link, many-body, collision, and center forces to position the nodes. The SVG renderingshowcases teal circles with direction arrows, while mouseover highlights a node using a CSS class. Data is loaded from a JSON file defining nodes and links, with colors assigned via a simple color scale.

SSravani93-creater
69% match
Loading thumbnail…

Network

The visualization displays a network of six Texas cities connected by routes, rendered as a force-directed graph on an SVG canvas. Nodes are green circles with labels positioned below, while gray lines represent links between cities. The code uses d3.forceSimulation with forceLink, forceManyBody, and forceCenter forces to calculate positions, with d3.drag enabling interactive node movement. A tick handler updates link coordinates, node positions, and label placement, allowing users to rearrange the network dynamically.

HHariniPotla@my.unt.edu
68% match
Loading thumbnail…

Network Graph 2

This example visualizes a conceptual network of seven cities connected by seven routes. Node shapes and colors vary per city, with labels identifying each one. The graph is laid out using a force-directed simulation provided by `d3.forceSimulation`, combining link, many-body charge, and center forces. City nodes are drawn as SVG paths using D3 symbols like circle, square, and star, while links are simple lines. The simulation updates node positions on each tick, and nodes are draggable via the `d3.drag` interaction.

MMd Fahimul Kabir Chowdhury
68% match
Loading thumbnail…

Fork of Network Graph -1

This visualization shows a static tree graph of traffic conditions at major Bangalore locations, branching from a central root into heavy, moderate, and light traffic categories, each with two specific junction or area children. Rendered as SVG using D3 v7, it employs the `d3.tree` layout algorithm and `d3.hierarchy` to structure the hierarchical data. Nodes appear as light blue circles with labels, connected by gray horizontal links drawn using the `d3.linkHorizontal` path generator. The graph also includes a `d3.zoom` interaction that allows panning and scaling of the entire SVG view.

Rreddysushma994@gmail.com
68% match
Loading thumbnail…

Network Visualization_Assignment_8

A force-directed network of cities and the routes between them. Nodes are colored by region and labeled with city names, while links visualize connections with line thickness scaled by route weight. Built with D3 v7, the layout uses `d3.forceSimulation` with forces for links, many-body repulsion, centering, and collision. Data is loaded from remote CSV files, and nodes can be dragged via `d3.drag`. The SVG rendering shows labels and tooltips on hover.

Ssaisowjanyaedupuganti.24f@gmail.com
68% match
Loading thumbnail…

Network_ICE8_SarathL

This interactive force-directed graph visualizes a city transportation network, showing direct connections between eight U.S. cities as labeled nodes and links. Built with D3 v7 and rendered as SVG, it uses d3.forceSimulation with forceLink, forceManyBody, and forceCenter to position the nodes. Drag behavior, implemented via d3.drag, allows users to reposition nodes. A legend identifies the single "City Node" category, and all elements update dynamically on each simulation tick.

Ssarathlingareddy754@gmail.com
67% match