kth2242

@kth2242·3 public vizzes

Missing Migrants Date Histogram

This visualization is a date histogram that displays the total number of dead and missing migrants per month, based on data from the Missing Migrants Dataset. It uses React and D3 v5, specifically `d3.bin` to group the data into monthly bins and `d3.sum` to aggregate the casualty counts within each bin. The chart is rendered as an SVG with separate components for axes and rectangular marks, and it includes a tooltip that shows the exact count when hovering over a bar.

Oct 20, 2019

Loading thumbnail…

CS399

This bar chart displays the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. It demonstrates axis customization, including a formatted x-axis that abbreviates large numbers (e.g., "1.42B") and removed axis lines. The visualization uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for scaling, and d3.axisLeft and d3.axisBottom to render axes. Rectangles are drawn in SVG with a steelblue fill, and custom text styling is applied via CSS classes.

Oct 13, 2019

Loading thumbnail…

CS399

This bar chart displays the population of the world’s ten most populous countries using 2018 estimates from the United Nations’ World Population Prospects. It uses D3 v5 with `csv`, `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`, rendering to SVG. The chart customizes axes by removing domain lines, adding gridlines, applying tick formatting with `format('.3s')` and replacing “G” with “B”, and appending a custom axis label and title.

Oct 13, 2019