satra546

@satra546·5 public vizzes

Fork of Missing Migrants Date Histogram

This histogram displays the monthly total of dead and missing migrants, with each bar representing one month’s sum. The visualization uses React with D3 v5’s `d3.bin` to group records into time-based bins and `d3.sum` to aggregate the death counts per bin. Axes are rendered via custom React components, with data loaded from a CSV using `d3.csv` and displayed as an SVG.

May 14, 2021

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart tracks cumulative coronavirus deaths worldwide over time using a line graph with a linear y-axis. The data originates from the Johns Hopkins Coronavirus Dataset and is aggregated daily from the CSV via `d3.csv` and `timeParse`. The visualization is built with React and D3 v5, using `scaleTime`, `scaleLinear`, and `line` to render the SVG path, while `axisBottom` and `axisLeft` add gridlines and labeled axes.

May 13, 2021

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart displays the cumulative total of COVID-19 deaths over time using a linear y-axis, emphasizing the rapid growth of the pandemic’s death toll. The React-based visualization uses d3.scaleTime and d3.scaleLinear to map dates and death totals, with d3.line generating the path. Axis ticks are rendered with d3.axisBottom and d3.axisLeft, and optional marker lines annotate specific values. Data comes from the Johns Hopkins Coronavirus Dataset, loaded via d3.csv and parsed with d3.timeParse.

May 13, 2021

Loading thumbnail…

Fork of Melting Data for Multiple Lines

This example visualizes population over time by region from 1950 to 2100, using data from the UN Population Estimates. It displays multiple line paths, each colored by region, with an ordinal color scale and a custom legend. The visualization uses d3.csv, d3.nest, d3.scaleTime, d3.scaleLinear, d3.line with curveBasis, and d3.axisBottom/axisLeft. Data is melted from wide to long format, filtered for regions, and rendered as SVG paths with mix-blend-mode multiplication.

May 13, 2021

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart visualizes the cumulative count of COVID-19 deaths over time using a linear Y axis, making the growth in total deaths readily apparent against the date range. The data originates from the Johns Hopkins Coronavirus dataset, accessed as a CSV file. The React-based visualization employs D3 version 5 to build an SVG line chart, with `scaleTime` and `scaleLinear` mapping the data, `line` creating the path, and `axisBottom` and `axisLeft` rendering the axes.

May 13, 2021