Skip to main content
SimilarExport ZIP
100%

Add something new (will be continue..)

✓ Published1🌍 Public
AAbdullah Al Munem
Last edited Aug 12, 2023
Created on Aug 12, 2023

This interactive visualization combines a bubble map and a time-series histogram to explore global publication trends from 1996 to 2022. The map displays countries colored by publication totals using a sequential blue scale, with circles sized proportionally to publication counts via `scaleSqrt`. A brush on the histogram filters the map by date range, dynamically updating the displayed data. Built with React and D3 v5, it uses `geoNaturalEarth1` projection, `geoPath`, and `geoCentroid` for geographic rendering, alongside `brushX` for interactive filtering.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

This iteration is optimized for performance using React's useMemo hook.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Add something new (almost done)

This interactive choropleth world map visualizes scientific publication counts by country, with bubble sizes representing publication totals for selected time periods. A color legend allows hovering to highlight specific publication ranges while fading others. The visualization includes a linked histogram showing total publications over time, featuring brush controls that filter the map data by year range. Built with React and D3 v5, the project uses `geoNaturalEarth1` and `geoPath` for geographic rendering, `scaleSequential` with `interpolateBlues` for the color scale, and `brushX` for time filtering. Data comes from a CSV dataset of publication records.

AAbdullah Al Munem
88% match
Loading thumbnail…

Fork of AI Research Project (initial backup)

This interactive visualization combines a choropleth map with a linked time-series histogram to explore global AI research publications from 1996 to 2022. The map colors countries by publication totals using a sequential blue scale, with bubble sizes reflecting aggregated output for a selected year range. Users can brush the time-series chart to filter the map, dynamically recomputing summed data across years. Built with React and D3 v5, the example uses `geoNaturalEarth1` and `geoPath` for map projections, `scaleSequential` with `interpolateBlues` for coloring, and `brushX` for interactive selection, with data sourced from a CSV and world-atlas TopoJSON.

AAbdullah Al Munem
78% match
Loading thumbnail…

Map and Histogram with Brushing

This interactive visualization combines a world map of bubble markers with a linked time-series histogram, allowing users to brush over a date range to filter the geographic data. It plots migrant deaths and disappearances from a global dataset, with bubble size scaled by the square root of the count using `d3.scaleSqrt`. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with TopoJSON world atlas data. Brushing is implemented with `d3.brushX`, and the React components re-render filtered circles accordingly. The histogram is built with `d3.bin` and `d3.timeMonths`.

Nnexus1058
78% match
Loading thumbnail…

Add brush - Multiple Views Cleanup

This interactive visualization combines a world bubble map and a time-series histogram to explore global migrant deaths and disappearances. A brush on the histogram filters the map’s circles, revealing only incidents within the selected date range. The map uses a `geoNaturalEarth1` projection with `geoPath` to render land and graticules. The histogram bins data by month using `histogram()` and `timeMonths()`. The implementation leverages React hooks, D3 scales (`scaleSqrt`, `scaleTime`), and an SVG rendering pipeline.

GGokulkrishnan1996
77% match
Loading thumbnail…

Multiple views with brushing

This visualization combines a bubble map and a time-series histogram to explore missing and dead migrants worldwide. The map uses a natural Earth projection with scaled circles to represent incident counts, while the histogram aggregates monthly totals. Users can brush over the histogram to filter the map’s displayed data in real time. The code uses React, D3 v5’s `geoNaturalEarth1`, `scaleSqrt`, `brushX`, and TopoJSON for world atlas data.

Aazharahmad0
76% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a bubble map with a time-series histogram to explore migration incidents. The map displays circles sized by the total dead and missing at each location, while the histogram below aggregates these counts by month. Users can brush over the histogram to filter the map to a specific time range. Built with React and D3 v5, it uses `geoNaturalEarth1` for map projection, `brushX` for interactive selection, and loads data from a CSV of missing migrants alongside World Atlas TopoJSON boundaries.

Ssagar limbu
75% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This interactive visualization combines a world map and a time-series histogram to explore migration incidents. A bubble map plots reported locations, with circle area scaled by the square root of the total dead and missing count. Below, a date histogram shows the same metric aggregated by month. Users can brush a time range on the histogram, which filters the map's displayed circles based on the selected date range. The map uses `d3.geoNaturalEarth1` projections, `d3.geoPath`, and `d3.geoGraticule` to render sphere, graticules, and land features from World Atlas TopoJSON. React manages state and rendering, while D3 v5 handles scales, binning (`d3.histogram`), time formatting, and the brushing interaction (`d3.brushX`). Data comes from the Missing Migrants Project subset.

Mmuwu16
75% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This visualization combines a bubble map and a date histogram to explore global migration incidents. A d3.geoNaturalEarth1 projection displays the world map with circles sized by the total dead and missing, while a brushing interaction on the time-series chart filters the map’s data. The histogram bins incidents by month using d3.bin, with a brushX selection updating the map’s displayed circles. Built with React and d3.v5, it renders SVG elements and uses data from the Missing Migrants Project and World Atlas TopoJSON.

Rramdev2021
75% match