Chris Bodnarchuk

Walmart Sales

LGBTQ+ Rights 2.0 - Fork of World Choropleth

LGBTQ+ Rights 2025 3.0

Gaza Strip Breakdown Oct 7-January 2025 - Fork of Zen Lineage Diagram

Can. COVID Vaccinations - Line Chart with React & D3 - Fork

Fork of Vega-Lite API Template

Two side-by-side bar charts display COVID-19 vaccination progress in Canada, comparing total vaccinations against fully vaccinated individuals over time. The visualization uses the Vega-Lite API with D3 for CSV data loading, pulling from the Our World in Data repository. Each chart renders as a gold bar mark with tooltips showing values, fitted to half the viewport width. Styling is customized in a separate config module for readability, with axis and label adjustments. Both charts share identical formatting, enabling direct comparison of the two vaccination metrics on the same date scale.

D3 Playground

A playful grid of twenty randomly generated faces, each composed of SVG circles with animated gradients, eyes, a nose, and a mouth. Built with React and D3 v6, the `arc` generator from D3 shapes the mouths, while `range` from D3 creates the array of face instances. The faces vary in eye offset, radius, and stroke widths, with a background circle using a linear gradient that animates its colors over time. Rendering happens entirely in SVG via JSX components.