Country wise Space Missions with Brushing

100%

Country wise Space Missions with Brushing

✓ Published0🌍 Public

Last edited Oct 29, 2020

Created on Oct 29, 2020

Forked from Country wise Space Missions with Brushing

A world map displays the number of space missions per country, with circle size scaled by mission count using a square-root scale. A time-series histogram at the bottom shows missions per month, and users can brush a date range to filter the map’s circles. Built with D3 v5 and React, the visualization uses `geoNaturalEarth1` and `geoPath` for the map projection, `brushX` for the brushing interaction, and `scaleSqrt` for sizing. Mission data is sourced from Kaggle, and country boundaries come from the World Atlas TopoJSON.

AI-generated description

A world map showing Number of Space Missions by Country with Brusing.

The Space Missions data shown here comes from Kaggle.

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Country wise Space Missions with Brushing

This visualization combines a world map with a time-series histogram to explore space missions by country. A natural Earth projection renders country boundaries and graticules, while semi-transparent circles sized by mission count mark each country. Users can brush along the histogram’s time axis to filter the map, updating the displayed circles interactively. The example uses d3.geoNaturalEarth1, d3.geoPath, d3.brushX, and d3.bin, with data from a Kaggle-hosted CSV and country shapes from World Atlas TopoJSON.

Nnaisargidave

97% match

Loading thumbnail…

Mountains on a Map

A world map displays space missions as circles, with radius encoding the number of missions per city and color representing the country, overlaid on a Natural Earth projection. Using d3.geoPath for land, graticules, and sphere rendering, the visualization employs d3.scaleSqrt for circle sizing and React for component structure. The data comes from a CSV of space mission coordinates, with country boundaries from World Atlas TopoJSON, styled with muted fills and opacity for overlapping points.

Nnaisargidave

77% match

Loading thumbnail…

Multiple Views with Brushing

A world map displays circles sized by the total number of dead and missing migrants per location, with a time-series histogram below showing monthly totals. Brushing a time range in the histogram filters the map’s circles to that period. The visualization uses React, D3 v5 APIs including `geoNaturalEarth1`, `geoPath`, `geoGraticule`, `brushX`, and `scaleSqrt`, rendering SVG with data from the Missing Migrants Project and world atlas TopoJSON.

MMurlidharSingh

77% match

Loading thumbnail…

Multiple Views with Brushing

A world map displays circles sized by the total number of dead and missing migrants, with a linked time-series histogram below showing monthly totals. Brushing a date range on the histogram filters the map circles to only those incidents within that period. The visualization uses React with D3 v5, employing `d3.geoNaturalEarth1` for the map projection, `d3.brushX` for interactive selection, and `d3.bin` with `d3.timeMonths` for histogram binning. Data comes from a CSV of global missing migrants, rendered as SVG.

Wwindwaver

76% match

Loading thumbnail…

Multiple Views with Brushing

This example presents a world map with bubbles representing the total number of dead and missing migrants, sourced from a CSV dataset. A time-series histogram below the map aggregates the same data by month. Brushing along the histogram’s x-axis with `d3.brushX` filters the map’s circles in real-time. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for geographic shapes, while React manages the SVG rendering. A sqrt scale determines bubble sizes, and country boundaries come from a TopoJSON world atlas.

Mmtabaka

76% match

Loading thumbnail…

Multiple Views with Brushing Faster

A world map displays migrant fatalities with scaled circles, while a time-series histogram below shows monthly death counts. Brushing across the histogram filters the map’s circles to the selected date range. The visualization uses React with D3 v5 for `geoNaturalEarth1` projection, `geoPath`, `scaleSqrt`, `brushX`, and `bin` APIs. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

Ttharuta

76% match

Loading thumbnail…

Optimized Brushing

This visualization displays migrant deaths and missing persons worldwide on a natural Earth projection map, with bubble sizes scaled by the square root of the total dead and missing count. A linked histogram below shows the same data binned by month, and users can brush across the histogram to filter the map’s bubbles in real time. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for bubble sizing, `brushX` for the brushing interaction, and `useMemo` to optimize rendering. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

SShantanu

76% 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

75% match