deepanshu03091995

@deepanshu03091995·3 public vizzes

Welcome to visualization

A yellow circle with a black stroke forms the face of a smiley, positioned at the center of an SVG canvas. Two dark eyes sit above a curved mouth drawn as an arc path, created with `d3.arc` using specified inner and outer radii and angles. The React components `BackgroundCircle`, `Eyes`, and `Mouth` render the shapes, with all dimensions defined as constants. Coordinates are transformed to center the face, and the visualization is rendered entirely with SVG elements.

Mar 27, 2021

Loading thumbnail…

Fork of Welcome to visualization

A smiling face rendered with React and SVG. A large yellow circle forms the head, outlined in black via the `stroke` attribute, with two smaller black circles for eyes positioned using fixed offsets. The example demonstrates declarative SVG circle elements with explicit numeric coordinates and radius values, rendered through `ReactDOM.render` into the DOM. The visualization is static and purely geometric, showcasing basic SVG shape composition within a React component.

Mar 8, 2021

Loading thumbnail…

Fork of Missing Migrants Date Histogram

This histogram visualizes monthly totals of dead and missing migrants, with each bar representing the sum of reported deaths for that month. The chart uses React to render SVG elements, while d3.v5 APIs including `d3.bin`, `d3.sum`, `d3.scaleTime`, and `d3.scaleLinear` handle data binning and scaling. Data comes from the Missing Migrants Dataset, loaded via `d3.csv` with parsed date and numeric columns.

Mar 8, 2021