Histogram de Migração

100%

Histogram de Migração

✓ Published1🌍 Public

Last edited Jun 8, 2022

Created on Jun 8, 2022

This histogram visualizes the total number of dead and disappeared migrants over time, using a time-based x-axis and a count-based y-axis. The code loads CSV data from a GitHub gist, bins the data by month using `d3.bin` with `timeMonths` thresholds, and sums the casualties per bin. React components render SVG axes and rect marks for each bin, with tooltips showing values via `<title>` elements. D3's `scaleTime` and `scaleLinear` handle scaling, while `csv` fetches and parses the dataset.

AI-generated description

Programa que mostra os 10 países mais populosos atraves do grafico de barras e axes

Dados:Perpectiva da Nações Unidas da População 2019

MIT Licensed

Similar vizzes

Loading thumbnail…

Histogram

This histogram displays the total number of dead and missing migrants per month, with time on the x-axis and the monthly death count on the y-axis. The visualization uses React with D3 v5, leveraging `d3.bin` to group data into monthly bins and `d3.sum` to aggregate the death counts within each bin. The data comes from the Missing Migrants Dataset, loaded via `d3.csv`, and is rendered as SVG rectangles with tooltips showing exact values. Axes are constructed with `scaleTime` and `scaleLinear`.

ZZiting Li

91% match

Loading thumbnail…

Migrants

This histogram shows the total number of dead and missing migrants over time, with monthly bins spanning the reported dates. The bar chart uses a time-scaled x-axis and a linear y-axis for death counts. Built with React and d3.v6, it loads CSV data, applies d3.bin for histogram generation, sums values per bin, and renders SVG rectangles with axes, tooltips, and labels via d3.scaleTime and d3.scaleLinear.

JJonas Carvalho

90% match

Loading thumbnail…

Missing Migrant Histogram

This histogram visualizes the cumulative count of dead and missing migrants over time, derived from a global dataset sourced via a GitHub-hosted CSV. The D3.js v6 `bin` and `timeMonths` APIs aggregate the data into monthly bins, which are then rendered as SVG rectangles. React manages the interactive chart’s composition, while D3’s `scaleTime` and `scaleLinear` handle axes, along with custom axis components. The visualization highlights temporal trends in migrant fatalities, with a tooltip providing exact totals per bin.

CCodeDuckie99

90% match

Loading thumbnail…

Analyzing Missing Migrants (Histogram)

This histogram visualizes the total number of dead and missing migrants over time, binning incidents by month. The chart uses D3’s `scaleLinear` for the axes and `bin` (a histogram generator) with `timeMonths` thresholds to aggregate the data. React components render the SVG marks, with `AxisBottom` formatting dates via `timeFormat` and `Marks` drawing rectangles for each bin. The data is loaded from a CSV using D3’s `csv` method.

WWaseem Medhat

89% match

Loading thumbnail…

Analysing missing migrants

This histogram displays the monthly totals of dead and missing migrants, with time on the x-axis and the count on the y-axis. Using D3’s `scaleTime` and `bin` (histogram) API, the code aggregates the dataset by month, sums the reported casualties per bin, and renders the bars as SVG rectangles. The data comes from a CSV file loaded via D3’s `csv` function, and the visualization is built with React, D3 v5, and rendered as SVG.

AAndrea Picciau

88% match

Loading thumbnail…

Histogram

This visualization is a histogram representing the total number of dead and missing migrants over time, using data from the Data Canvas Sense Your City Dataset. The chart displays time on the x-axis and the cumulative count on the y-axis. The code uses D3 v5’s `histogram` binning function to aggregate data into monthly bins, `scaleTime` for the temporal axis, and `scaleLinear` for the count axis. React components render the SVG axes and marks, with tooltips showing the total per bin.

MMatias Conde

88% match

Loading thumbnail…

Migrants

This visualization displays the total number of dead and missing migrants over time as a histogram. The code uses React and D3 v5, with CSV data loaded via `d3.csv`. The x-axis shows time using `d3.scaleTime`, while the y-axis is scaled using `d3.scaleLinear`. The bars, rendered via SVG rectangles, aggregate the data into monthly bins using `d3.histogram` and `d3.timeMonths`. The visualization uses Poppins font and custom axis components, with a tooltip showing the exact count.

LLawrence Liu

87% match

Loading thumbnail…

Missing Migrants Histo

This histogram visualizes monthly counts of dead and missing migrants over time, revealing trends in reported incidents. The visualization displays the data as vertical bars, with the x-axis representing chronological months and the y-axis showing the aggregate count per period. Built with React and D3 v6, it uses `scaleTime`, `scaleLinear`, and `histogram` (bin) APIs to bin records by month and sum the mortality metric. The SVG rendering includes custom axis components and hover tooltips via native `<title>` elements. Data comes from the Missing Migrants CSV dataset.

AAnthony Ynami

87% match