aadithyavettrivel24@gmail.com

@Aathi-24·4 public vizzes

Fork of Submarine Cables Globe

A fork of the Submarine Cables Globe, this interactive visualization maps global undersea cable networks onto a draggable, zoomable orthographic globe. It renders world landmasses, graticules, and cable routes using d3.geoPath, while d3.drag and d3.zoom enable panning and scaling. Cable colors come directly from the dataset’s properties. The code loads geographic data via topojson-client and fetches the submarine cable GeoJSON from a public API, demonstrating how to layer vector features on a projected sphere.

Aug 7, 2025

Loading thumbnail…

Fork of Simple World Map

This example displays a simple world map with country boundaries rendered in blue, using a Natural Earth projection with graticule lines and an outline. It loads GeoJSON data from the visionscarto-world-atlas package via a fetch request and converts TopoJSON using topojson-client. The visualization uses d3.geoPath and d3.geoNaturalEarth1 to project and draw the map, with countries filled in blue and stroked in white. The state management handles asynchronous data loading through a loader pattern.

Aug 7, 2025

Loading thumbnail…

Fork of Smiley Face Part VI

A grid of eighteen randomly generated smiley faces animates in place, with each face's features—eye size and position, mouth radius, and stroke width—randomizing every 300 milliseconds. A toggle button pauses or resumes the regeneration. Built with React and D3 v5, the example composes reusable SVG components for the face, eyes, mouth, and background circle, using D3's `arc` generator to draw the smile shape.

Aug 7, 2025

Loading thumbnail…

Fork of React Tailwind Starter

A React counter app displays a numeric count with increment, decrement, and reset controls. The interface uses Tailwind CSS for styling, with a theme defining custom colors like primary and secondary through Tailwind's browser build. React's `useState` manages the count and animation toggle, while conditional classes enable smooth color and scale transitions using Tailwind's transition utilities.

Aug 7, 2025