Skip to main content
Log in
C

chynnerio@gmail.com

@Chynnerio·5 public vizzes

Loading thumbnail…

Fork of React Starter

The visualization displays daily birth statistics for the year 2024 as a vibrant circular orbit of data points. Each point represents a day, with its distance from the center and color reflecting the number of births. The visualization renders using an HTML5 Canvas API with custom render functions, animating a pulsing central heartbeat. Hovering over a point triggers a tooltip with detailed information. The data is loaded from a CSV file and color-coded using a custom gradient scale.

Nov 28, 2025
Loading thumbnail…

Fork of React Starter

An interactive circular heatmap visualizes daily birth counts for 2024, with colored dots orbiting a pulsing center circle. The visualization uses a D3.js v7 SVG animation to map birth data from a CSV file, encoding values through color gradients and glow effects. Hovering over data points reveals details via React state management, while CSS transitions and D3's ease functions create smooth orbital movement.

Nov 28, 2025
Loading thumbnail…

Fork of React Starter

An interactive circular heatmap visualizes daily birth counts for 2024, with colored dots orbiting a pulsing center circle. The visualization uses a D3.js v7 SVG animation to map birth data from a CSV file, encoding values through color gradients and glow effects. Hovering over data points reveals details via React state management, while CSS transitions and D3's ease functions create smooth orbital movement.

Nov 28, 2025
Loading thumbnail…

Fork of CV: Loading CSV Data

This visualization compares live birth counts across multiple years as a "Heartbeat Map," a radical circular layout where each year forms its own orbital system. Daily birth data from January and February of 2022–2024 is loaded via d3.csv, grouped by year, and rendered as SVG points whose distance from the center encodes intensity, colored with a muted grayscale scale. The React component uses a ResizeObserver to track container dimensions and re-renders the D3 visualization on data or hover changes, with SVG filters providing glow and pulse effects.

Nov 28, 2025
Loading thumbnail…

Fork of CV: Loading CSV Data

This visualization presents daily birth statistics for January–February 2024 as an interactive heatmap, using a viridis color scale to encode birth counts across days of the week and weeks of the month. Hovering highlights individual cells and displays a tooltip with the exact date and birth count, while a stats panel shows peak, minimum, and average values. Built with React and D3 v7, it uses `d3.csv` to load the data, `scaleSequential` with `interpolateViridis` for coloring, and D3 selections with transitions for smooth hover effects and cell rendering.

Nov 28, 2025