suhail.parkar02@gmail.com

@deathek1d·5 public vizzes

Fork of Pathetic Bar Chart

This example visualizes the top 10 countries by 2020 population using a horizontal bar chart rendered as SVG. The chart uses a `scaleBand` for country categories on the y-axis and a `scaleLinear` for population magnitudes on the x-axis, with a `rect` per data row. It loads UN population data via `d3.csv` and builds the visualization with React hooks (`useState`, `useEffect`) and D3 v5 scales.

Jul 31, 2025

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization maps the total number of dead and missing migrants worldwide using a natural Earth projection. Each circle’s radius is scaled with a square-root scale, with circles overlaid on land masses and graticules rendered via `d3.geoPath` and `geoNaturalEarth1`. The project uses React for component structure, D3 v5 for data loading and scaling, and TopoJSON for world atlas features. Data comes from a CSV file containing location coordinates and migrant death counts, with the map rendering as an SVG.

Jul 31, 2025

Loading thumbnail…

Fork of Working with Time

This example visualizes temperature readings over time using a scatterplot of circles on an SVG canvas, with time on the x-axis and temperature on the y-axis. The code relies on React hooks (useState, useEffect) to fetch and parse CSV data via d3.csv, converting timestamps with the Date constructor and numeric temperatures. Axes are built with custom React components that leverage d3.scaleTime, d3.scaleLinear, and timeFormat, while d3.extent and max determine scale domains. Points are rendered with a fixed radius, and hover tooltips display formatted date values using d3’s timeFormat.

Jul 30, 2025

Loading thumbnail…

bar chart for football salary data

This example shows a static yellow smiley face drawn in an SVG canvas with black circular eyes. The visualization communicates a simple, playful shape rather than data, using basic SVG elements and attributes. The code defines `circle` elements for the face and eyes, with explicit `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width` values, all rendered in an HTML page with an inline SVG tag. It does not use any external JavaScript libraries, relying solely on native SVG markup for rendering.

Jul 30, 2025

Loading thumbnail…

Fork of Fork of Hello HTML

A smiling face rendered as a static SVG graphic shows a tomato-colored circle as the head, with two smaller black circles for eyes and a black outline, all set against a light gray background. The index.html file directly defines the SVG elements, including circles with attributes for radius, center coordinates, fill color, and stroke, using the HTML5 SVG API. The rendering is accomplished entirely through inline SVG markup without any JavaScript libraries, and the face appears centered on a 980x500 canvas.

Jul 28, 2025