PrincEddy

@PrincEddy·2 public vizzes

Fork of Histogram

This interactive histogram explores GDP per capita across countries and years using a React-based visualization built with D3 v5. A dropdown menu selects which country’s data to display, while a numeric input controls the number of bins in the histogram. The chart shows the distribution of GDP values as animated bars with tooltips revealing class ranges and counts. The visualization uses `d3.histogram`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to render SVG bars with transitions.

Apr 12, 2021

Loading thumbnail…

Fork of Histogram

This interactive histogram displays the distribution of numerical weather measurements, such as temperature and humidity, from a San Francisco dataset. A dropdown menu lets users select the data column to visualize, while a numeric input controls the number of bins. Built with React and D3 v5, the chart uses `d3.histogram` to bin values and renders bars as SVG with animated transitions. Hovering over a bar highlights it and reveals a tooltip with the bin range and absolute frequency.

Apr 12, 2021