Total Remittance Entering Various Countries in 2019 (MM USD)

Pie Chart

This pie chart visualizes total inward remittance flows to the US in 2019, using a D3.js v6 SVG rendering. The chart displays seven slices, each labeled with its value in millions and accompanied by a legend showing the country name and corresponding amount. The code fetches data from a CSV via `d3.csv`, processes it with `d3.pie`, and applies a custom ordinal color scale. Text labels are positioned using `d3.arc` centroids and rotated for readability, while the legend is built with appended SVG elements.

CChi Aghaizu

75% match

Migrant Chart try3

This example displays migration to the United States from 14 countries as a bar chart, with each bar's height representing the number of migrants. The visualization is built using React and D3 v7, leveraging `d3.csvParse` to load data from a remote CSV file and `d3.scaleBand` and `d3.scaleLinear` to map country names and migrant counts to SVG rectangle coordinates. The chart renders bars as SVG `<rect>` elements, with axes implied by the scales but not explicitly drawn. Data loading is handled via a fetch promise, though the code currently logs parsed results instead of fully wiring them into the state.

74% match

Fffork of Stylized Bar Chart

This example shows the top 14 countries by migrant population in 2020, rendered as a horizontal bar chart using React and D3 v5. The visualization uses `scaleBand` for the y-axis categories, `scaleLinear` for the x-axis values, and SVG `rect` elements with native tooltips via `<title>`. Axes are built with custom React components, and tick labels are formatted with `d3.format`. Data comes from a CSV hosted in a GitHub gist, fetched with the Fetch API and parsed with `d3.csvParse`. The chart uses a Poppins font and a teal color scheme.

71% match

migrant data part 1

This visualization displays the total number of dead and missing migrants over time, aggregated into monthly bins. The chart uses a bar chart rendered with SVG, with time on the x-axis and cumulative death counts on the y-axis. It is built with React and D3 v7, using `d3.bin` for binning, `d3.scaleTime` and `d3.scaleLinear` for scales, and `d3.timeMonths` to set bin thresholds. Data comes from a CSV file of Missing Migrants Global records, loaded via `d3.csv`.

BBlake McCarty

Migrants

This visualization displays the total number of dead and missing migrants over time, aggregated into monthly bins using d3.histogram and d3.timeMonths. The bar chart shows the data from the Data Canvas Sense Your City Dataset, with time on the x-axis and casualty counts on the y-axis. React renders SVG elements including custom AxisBottom, AxisLeft, and Marks components, while d3.scaleTime, d3.scaleLinear, and d3.sum handle the data processing and scaling.

Rrajamrit-singh

Fork of Fffork of Stylized Bar Chart

This stylized bar chart displays the top 14 countries by migrant population in 2020, ranked on the y-axis with horizontal bars extending along the x-axis. Built with React and rendered as SVG, it uses D3 v5 scales and formatters: `scaleBand` for categorical y-axis positioning, `scaleLinear` for the numeric x-axis, and `format` to abbreviate large numbers with a custom tick formatter that converts gigabytes to billions. Data is fetched from a CSV file using the `fetch` API and parsed via `d3.csvParse`, with a Poppins font and custom axis colors.

Missing Migrants

This chart displays the number of dead and missing migrants over time, aggregated into monthly bins. The visualization uses a bar chart where the height of each bar corresponds to the total count for that month. The code leverages React for the UI, D3’s `scaleTime`, `scaleLinear`, `histogram`, and `csv` modules for data fetching and processing, and renders SVG rectangles. The data comes from a CSV file of global migration incidents, with bars colored teal against a light gray grid.

Iiblub

Fork of Making a Bar Chart

This bar chart displays the number of migrants from 14 countries, using data from a 2018 United Nations population estimate. The visualization sorts countries along the y-axis and represents migrant counts with horizontal bars on an SVG canvas. The code employs D3 v5’s `csv` loader to parse the dataset, `scaleLinear` and `scaleBand` for axes, and `axisLeft`/`axisBottom` for tick generation. Rects are appended to the SVG group, with axes stripped of domain lines for a cleaner presentation.