HARISH ARMUGAM

@HarishDanieal1·5 public vizzes

ICE-8_Network

This network graph visualizes the world’s tallest statues, organized hierarchically into country, state, and statue nodes. Users can drag nodes to explore connections between a root "World" node and leaf entries like the Statue of Unity or Christ the Redeemer. Built with D3 v7, it uses `d3.forceSimulation` to position SVG elements, with ordinal color scaling assigning distinct hues by hierarchy level.

Nov 2, 2025

Loading thumbnail…

ICE8_Tree

This tree diagram visualizes the evolution of gaming from a single root through spatial dimensions (1D to immersive VR/AR), branching into genres and specific game titles with release dates. The data is provided as a flat array of objects, which d3.hierarchy and d3.tree convert into a hierarchical layout. The SVG rendering uses d3.linkHorizontal for curved connector paths and d3.select to append labeled nodes, with styling applied via CSS classes. Titles include games like Pong, Super Mario Bros., and Half-Life: Alyx, showing the progression of gaming complexity over decades.

Nov 2, 2025

Loading thumbnail…

ICE-8

This visualization presents global GDP data for 2022 on an interactive world map. Countries are colored using a sequential logarithmic scale with the RdYlGn interpolator, where hovering reveals tooltips with country names and values. A second map displays countries with rainbow-hued fills using d3.scaleSequential with interpolateRainbow, also featuring interactive tooltips. Both maps use d3.geoPath with different projections (geoEqualEarth and geoNaturalEarth1), loading geographic data from world-atlas TopoJSON and economic data from a CSV file.

Nov 2, 2025

Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This scatter plot visualizes global COVID-19 statistics, using position to show the number of confirmed cases, deaths, and recoveries across countries. The plot is created with a custom `scatterPlot` function built on the D3 v6 module and is rendered as an SVG with animated transitions. It dynamically rotates between two data-pair views every two seconds, filtering out extreme outliers for readability. Color encoding and symbol shapes represent a binary high/low category based on whether a country's confirmed cases exceed the median, and a three-button navigation panel provides access to additional chart types.

Oct 27, 2025

Loading thumbnail…

ICE 5_Harish

This visualization demonstrates the parsing and summary of COVID-19 data loaded from a CSV file hosted on GitHub. It uses D3.js v7, specifically the `d3.csv` API, to fetch and process the data, then calculates and displays the file size in kilobytes, the number of rows, and the number of columns in a styled message container. The accompanying CSS provides a polished, table-friendly design with zebra striping and hover effects, though the page itself only shows a text summary rather than a full table. The example highlights basic data-loading and formatting capabilities of D3 for handling external datasets.

Oct 4, 2025