Aravind Shenoy

@aravshen·4 public vizzes

Fork of Missing Migrants Scatter Plot

This scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single event and its position encoding the reported date on the x-axis and the total dead and missing on the y-axis. The visualization uses a logarithmic y-scale to accommodate the wide range of values and a time scale for the x-axis, with native SVG `<circle>` elements rendered via React. The code leverages d3’s `scaleTime`, `scaleLog`, `csv`, and `extent` functions to load and transform the data, while custom React components (AxisBottom, AxisLeft, Marks) handle the axis ticks and data point rendering.

Jan 12, 2022

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This visualization displays the monthly total of dead and missing migrants using a bar chart, with time on the x-axis and the aggregated count on the y-axis. Bars represent each month's sum, and hovering reveals the exact value via a tooltip. The chart uses React with D3 v5, leveraging `d3.bin` for histogram binning by month and `d3.sum` for aggregation. Data comes from the Missing Migrants Dataset, and the visualization is rendered as SVG, with custom axes and marks.

Jan 11, 2022

Loading thumbnail…

Fork of Polished World Map

This example shows a polished world map with landmasses in teal, country boundaries as interior lines, and graticules over a light gray sphere. The visualization uses React to render an SVG, with `d3.geoNaturalEarth1` for projection and `d3.geoPath` for drawing shapes. Geographic data comes from the World Atlas TopoJSON, processed via `feature` and `mesh` from topojson. The code separates data loading (`useData`), mark generation (`Marks`), and styling, displaying a loading message while fetching.

Jan 9, 2022

Loading thumbnail…

Fork of HTML Starter

This example shows a simple static SVG face composed of a large yellow circle for the head and two smaller circles for eyes, all outlined in black. It demonstrates basic SVG rendering within an HTML page, using inline CSS to style elements and the `<svg>` element directly in the markup. The page sets an overflow hidden body to fit the graphic without scrollbars. The visualization relies solely on native SVG and CSS, with no external libraries or data processing.

Jan 6, 2022