Skip to main content
Log in
A

abhyudaithakur7@gmail.com

@abhyudaithakur·11 public vizzes

Loading thumbnail…

life-expectancy-network-final

This interactive network visualization maps global life expectancy trends from 2000 to 2023. Each node represents a country, with its size proportional to the latest year's life expectancy and its color indicating geographic region. Edges connect countries whose life expectancy time series are most strongly correlated, based on Pearson correlation coefficients (top-K neighbors, thresholded by a minimum r-value). Users can drag nodes, pin them in place, search for specific countries, and filter by region via an interactive legend. The visualization, built with React and D3.js (d3.v7), uses a force-directed layout to position nodes dynamically.

Dec 7, 2025
Loading thumbnail…

Fork of Life Expectancy – Similarity Network-polish-v1

A similarity network visualizes life expectancy trends from 2000–2023, where countries are nodes sized by end-year values and colored by region, with edges linking the most correlated time series. Using React and D3 v7, the force-directed layout runs with `d3.forceSimulation`, while edges derive from Pearson correlation calculations across selected year ranges. Interactions include node dragging, pinning via double-click, region-based filtering, and a search tool. Data comes from a parsed CSV with ISO3 country codes, and geographic regions map via the world-countries GeoJSON dataset.

Dec 6, 2025
Loading thumbnail…

Fork of life-expectancy-map-polish-v1

This interactive choropleth displays global life expectancy by country across selectable years, using a color-coded world map rendered with React and D3 v7. The visualization loads data from a CSV file containing Entity, Code, Year, and life expectancy values, which are parsed and filtered to valid ISO-3 country codes. Countries are drawn using `d3.geoPath` with GeoJSON data from the world-countries package, and a year slider controls which temporal snapshot appears. A color scale encodes the life expectancy values, while hover interactions show detailed tooltips. The implementation uses `d3.text`, `d3.dsvFormat`, and React hooks for state management.

Dec 5, 2025
Loading thumbnail…

Fork of Life Expectancy – Similarity Network (COLOR)

This visualization presents a network of countries, where each node represents a nation and its size corresponds to life expectancy at the end of the selected year range. Node colors indicate geographic region, and edges connect countries with similar life expectancy trajectories, calculated using Pearson correlation over a user-selectable time window. Interactive controls allow filtering by year range, similarity threshold, and k-nearest neighbors, while a color legend enables highlighting or filtering specific regions. The implementation uses React for state management, D3.js for force-directed layout and SVG rendering, and fetches geographic region data from a GeoJSON source.

Oct 23, 2025
Loading thumbnail…

Life Expectancy – Similarity Network

This interactive network visualization shows how countries compare in their life-expectancy trajectories from 2000 to 2023. Each node represents a country, sized by its final life-expectancy value and colored by geographic region. Edges connect countries with similar yearly patterns, computed using Pearson correlation within a user-selectable time window. The visualization uses `d3.forceSimulation` for layout, `d3.scaleOrdinal` for regional coloring, and a brushable year-range slider. Users can hover or click the color legend to highlight or filter regions, while a search box queries specific countries. An interactive legend supports multi-select filtering, and a tooltip displays details on demand.

Oct 23, 2025
Loading thumbnail…

life-expectancy-map

This interactive choropleth map displays global life expectancy by country, with a selectable year slider that updates the color-coded visualization. Built with React and D3 v7, it loads UN WPP data from a CSV file and combines it with world GeoJSON topology using continent geometry from world-atlas. The map uses d3.geoPath, d3.scaleSequential, and d3.interpolateYlGnBu to render country polygons, while d3.pointer and mouse events drive tooltip interactions showing country names and values.

Oct 3, 2025
Loading thumbnail…

“Scatter — Life Expectancy (Year vs Life)”

This scatter plot visualizes the relationship between year and life expectancy using D3.js scales and SVG circles. The React app fetches a CSV file, auto-detects its delimiter (tab or comma), parses numeric columns, and renders data from the included dataset featuring India’s life expectancy from 2000 to 2023. The `viz.js` module maps values to x/y coordinates via `scaleLinear` and `extent`, with status messages for loading, errors, or empty data. The SVG includes white background, axis labels, and the visualization title.

Sep 18, 2025
Loading thumbnail…

C — USGS Earthquakes (Loader)

This example loads earthquake data from the USGS GeoJSON feed, fetching the M2.5+ 30-day summary directly via URL to avoid file upload limits. The code parses each feature’s time, magnitude, depth, coordinates, and place name into structured rows, then displays a count and a JSON preview of the first six records. It uses the Fetch API with `d3.json`-compatible `fetch().then(r => r.json())` and renders a proof-of-life layout with innerHTML, demonstrating data ingestion without any visualization yet.

Sep 17, 2025
Loading thumbnail…

B — Mauna Loa CO₂ (Loader)

This example loads and displays monthly average atmospheric CO₂ measurements from the NOAA Global Monitoring Laboratory at Mauna Loa. It strips comment lines from the CSV, parses the data, and shows a proof-of-life summary with the first six rows in a styled HTML container, including a row count. The visualization uses `d3.csvParse` to handle the data and `d3.select` to target the container element, with the D3 v7 library loaded via a CDN.

Sep 16, 2025
Loading thumbnail…

“A — Life Expectancy (Loader)”

This example demonstrates a minimal data loader for global life expectancy data from Our World in Data (UN WPP 2024), using a subset of years from 2000 onward. The visualization shows the first five parsed rows in a simple HTML display, confirming that the CSV data has been loaded and formatted correctly. The code uses D3 v7’s `d3.csvParse` to convert raw text into objects with categorical, time, and quantitative attributes, and employs `d3.select` to manage the container. It serves as a foundation for future visualizations, with a clear separation between data loading and rendering logic.

Sep 16, 2025
Loading thumbnail…

Creative Coding — Circles Abhyudai Thakur

Four hundred twenty semi-transparent circles animate between grid, Phyllotaxis spiral, and parametric heart layouts, with color themes cycling through Turbo, Sinebow, Cool, and Warm interpolators. The D3 v7 SVG visualization responds to keyboard shortcuts for layout and theme changes, while hover and click interactions trigger radius transitions and elastic pulse effects via `transition.attr` and `easeElastic`. Circle radii incorporate deterministic jitter, and the responsive design recalculates positions on window resize.

Aug 29, 2025