Skip to main content
100%

Bengali Diaspora Visualization

✓ Published0🌍 Public
NNailaInBits
Last edited Apr 21, 2018
Created on Apr 21, 2018

This visualization tracks the Bengali diaspora over time, using a world map to show immigration destinations and a sunburst chart to display related data. Users select a year from an interactive timeline to update the displayed information. The map is rendered with D3 v4’s `d3.geoMercator` projection and `d3.geoPath`, with zoom handling via `d3.zoom`. Data is loaded from local GeoJSON, CSV, and JSON files, with SVG used for all visual elements.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Bangladesh map interaction with Sales Data

This visualization displays Bangladesh sales data across a map, with hover interactions revealing yearly, monthly, and weekly figures for each district. Built with D3 v5, it uses `d3.geoMercator` and `d3.geoPath` to render TopoJSON map features as SVG paths. Zoom and drag functionality is implemented via the `d3.zoom` API, while district-specific sales information appears as native SVG `<title>` tooltips. The sales dataset is loaded from a local JSON file and matched to map districts by name.

SShamim Ehsan
71% match
Loading thumbnail…

Bangladesh map interaction

A map of Bangladesh displays sales data for each division, with hover tooltips showing yearly, monthly, and weekly figures in BDT. Using d3.geoMercator and d3.geoPath, the visualization renders TopoJSON geographic boundaries as SVG paths, while a sales JSON dataset is joined to district names. The map supports zoom and drag interactions through d3.zoom, and d3.select appends text labels for the title and instructions. District paths change color on hover.

MMohammad Shakirul Islam
69% match
Loading thumbnail…

World Immigrants

A world map displays immigrant flows between countries, with colored lines connecting origin and destination coordinates based on 2020 migration data. Clicking a country highlights it and filters the visualization to show only flows to that nation, while a horizontal bar chart at the bottom ranks the top ten destinations by immigrant count. The visualization uses React, D3 v5 APIs including `d3.geoNaturalEarth1`, `d3.geoPath`, `scaleBand`, and `scaleSqrt`, along with `d3.ForceEdgeBundling` for line bundling. Data is loaded from CSV files via D3's `csv` method, with zooming enabled through `d3.zoom`.

Sserjunfan
69% match
Loading thumbnail…

Interactable time table

This interactive visualization combines a world map and timeline chart to explore global migrant deaths. A bubble map uses `d3.geoNaturalEarth1` and `d3.geoPath` to project circles scaled by total dead and missing, with country boundaries and graticules from TopoJSON. A linked date histogram, powered by `d3.brushX` and `d3.bin`, allows brushing to filter the map in real time. The data comes from a CSV of migrant incidents, rendered with React and D3 v5.

JJunyanL
69% match
Loading thumbnail…

Interactable time table

This interactive visualization combines a world bubble map with a time-series histogram to explore migrant deaths and disappearances. The map uses a natural Earth projection via `d3.geoPath` to plot circles scaled by the number of dead and missing, while the histogram below aggregates the same data by reported date using `d3.bin` and `scaleTime`. A brush on the histogram filters the map’s circles, dynamically updating the visualization. Built with React and D3 v5, it sources data from a Missing Migrants CSV and country boundaries from TopoJSON.

Jjsong
68% match
Loading thumbnail…

missing migrants on a map

This visualization combines a world bubble map with a time-series histogram to explore missing migrants. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with circle sizes scaled by the square root of `Total Dead and Missing` values. A linked `d3.brushX` on the date histogram filters the map’s bubbles by reported date. Data comes from a CSV of global missing migrant incidents, rendered as SVG in React using D3 v5.

JJenny
68% match
Loading thumbnail…

Fork of Missing Migrants Map + Histogram With Brushing

This visualization presents migration incidents worldwide as a bubble map, with circle sizes proportional to the total dead and missing per location, overlaid on a world atlas rendered with `d3.geoNaturalEarth1` and `d3.geoPath`. A linked date histogram below aggregates monthly totals, and its `d3.brushX` interaction filters the map in real time based on brush selection, updating circles to show only incidents within the chosen time range. The app uses React for state management, D3 v7 for scales, binning, and geographic rendering, and loads missing migrant data from a CSV file.

BBen Brophy
68% match
Loading thumbnail…

Bangladesh sales data map

This map shows sales figures for seven districts in Bangladesh, with hover tooltips displaying yearly, monthly, and weekly amounts in BDT for each region. The visualization is built with D3 v5, parsing TopoJSON data to generate the map via `d3.geoPath` and `geoMercator` projection. Sales data is loaded from a JSON file and matched to district names. The map supports zoom and drag interactions through `d3.zoom`, with districts styled as yellow paths that turn green on hover.

Bbindusreeja
67% match