umeshchandravegineti999@gmail.com

@UmeshVegineti·4 public vizzes

network

This example visualizes a conceptual friendship network, showing seven people as circles connected by labeled links that represent relationships like "Close Friends" and "Project Partners." A force-directed layout simulation positions the nodes, repelling them apart while pulling connected nodes closer. The visualization is rendered as an SVG using D3.js v7, with the simulation and layout handled by `d3.forceSimulation` and its associated `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` APIs. Nodes are colored by group using `d3.scaleOrdinal` with `d3.schemeSet2`, and users can drag circles to interactively reposition the network.

Nov 10, 2025

Loading thumbnail…

tree

This example shows a vertical tree diagram that categorizes mobile phones by operating system, with Android, iOS, and Others as the three main branches. The tree layout uses `d3.tree()` to position the hierarchy from top to bottom, with root nodes colored by depth using a `d3.scaleOrdinal()` color scheme. Data is defined inline as a JavaScript object and rendered as SVG circles and text labels, connected by curved paths generated with `d3.linkVertical()`. The visualization uses D3 v7 to compute the layout and bind data to SVG elements.

Nov 10, 2025

Loading thumbnail…

task 1

This choropleth highlights the top five least peaceful countries—Russia, Ukraine, Sudan, DR Congo, and Yemen—with a dark-to-light red ordinal color scale indicating rank, while all other nations remain muted gray. Using D3 v7 with `d3.geoNaturalEarth1` projection and `d3.geoPath`, it renders world GeoJSON data from Natural Earth onto an SVG. Interactive tooltips appear on mouseover, displaying each country’s name and rank, powered by D3 event handlers. The visualization demonstrates a configurable `Map` of ISO-3 codes to adjust highlighted countries.

Nov 10, 2025

Loading thumbnail…

Fork of Simple World Map

This fork of a simple world map displays country boundaries through a Natural Earth projection, with a graticule overlay and outlined map edges. The visualization fetches geospatial data from the `visionscarto-world-atlas` package, converts it using `topojson.feature`, and renders it via `d3.geoPath` and projection functions. The code employs the `select` and `join` operations from the D3 API to manage SVG paths, styling countries with white strokes and a fine graticule grid. The map fills the full browser window and updates dynamically once the topological data loads.

Nov 9, 2025