dominicmecca07@gmail.com

@dominicmecca·2 public vizzes

Fork of NBA Players State Bar Chart

This interactive bar chart displays NBA player statistics for each of the 30 teams, letting viewers select both a team and a specific metric (points, field goals, rebounds, assists, steals, or blocks) via dropdown menus. For rebounds, bars split into offensive and defensive components with a color legend. The chart uses D3's `scaleBand` and `scaleLinear` for axes, renders bars as SVG `rect` elements with hover effects, and draws a mean line using D3's `line` generator. Data comes from a CSV of player stats, and the visualization is built with React and `react-dropdown` for controls.

Oct 22, 2024

Loading thumbnail…

Fork of Simple Bar Chart

This fork of the simple bar chart visualizes the ten most populous countries as of January 1, 2024, using data from the UN Population Estimates. The chart displays each country’s name on the x-axis and its total population in thousands on the y-axis, with bars rendered on a light gray inner rectangle. The implementation uses `d3.scaleLinear` and `d3.scaleBand` for axes, `d3.axisLeft` for the y-axis, and the `@curran/axis-labels` library for axis annotations. The data is filtered from a CSV source using D3's `select` and `descending` functions.

Oct 22, 2024