Skip to main content
SimilarExport ZIP
100%

Multiple Views with Brushing

✓ Published0🌍 Public
Yyyaaa1
Last edited Oct 20, 2019
Created on Oct 20, 2019

A world map displays cities sized by violent crime rates, with a time-series histogram below showing crime totals over time. Users can brush a time range in the histogram, which filters the map to show only cities with crimes during that period. The visualization uses D3’s `geoNaturalEarth1` and `geoPath` for map projections, `scaleSqrt` for bubble sizing, and `brushX` for the linked brushing interaction. Crime data is loaded from a CSV, with country boundaries from World Atlas TopoJSON.

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Multiple Views with Brushing

A world map displays cities, with circle size encoding the total dead and missing; a time-series histogram below shows the same metric over time. Brushing a date range on the histogram filters the map’s circles to events within that span. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for the projection and graticules, while the histogram uses `d3.scaleTime`, `d3.histogram`, and `d3.brushX`. Data comes from a CSV of missing migrants, rendered as SVG within a React app.

EEdward-Elric233
88% match
Loading thumbnail…

Multiple Views with Brushing

A geographic map of the world displays cities, with circles sized by the "Total Dead and Missing" count. A time-series histogram at the bottom allows brushing to filter the map. The brush selection, implemented with `d3.brushX`, dynamically updates the visible data points. This example uses `d3.geoNaturalEarth1` projection and SVG rendering within a React framework, pulling from a CSV of missing migrant data.

AAnthony Zornig
87% match
Loading thumbnail…

Multiple Views with Brushing

A world map displays cities with missing migrant fatalities, sized by death toll, alongside a brushing-enabled time histogram of monthly casualties. Dragging the histogram’s brush filters the map’s circles to the selected date range. The visualization uses React, D3 v5 (d3.geoNaturalEarth1, d3.geoPath, d3.brushX, d3.bin), and TopoJSON world-atlas data, with SVG rendering.

CChen Ding
86% match
Loading thumbnail…

Multiple Views with Brushing

This example presents a global map of missing migrant incidents, with circles sized by the total number of dead or missing. A linked date histogram beneath the map allows brush selection to filter the map’s data points interactively. The visualization uses React with D3 v6, employing `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for bubble sizing, and `bin` with `timeMonths` for the histogram. Brushing is implemented via `brushX` and `scaleTime.invert`. Data comes from the Data Canvas Sense Your City dataset.

CCodeDuckie99
86% match
Loading thumbnail…

Multiple Views with Brushing

A world map displays missing migrant incidents as semi-transparent bubbles, with a linked time-series histogram beneath it showing monthly death tolls. Brushing a time range in the histogram filters the map to show only incidents within that period. The visualization uses React with D3 v5 APIs including `geoNaturalEarth1` and `geoPath` for the map, `brushX` for interactive selection, and `histogram` with `timeMonths` for binning. Data comes from the Missing Migrants Project CSV, with country boundaries from World Atlas TopoJSON.

Ttharuta
85% 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
85% match
Loading thumbnail…

Multiple Views with Brushing

A world map displays the locations and magnitudes of missing migrant incidents, sized by total dead and missing. A temporal bar chart below shows the corresponding monthly counts over time. Brushing a time range in the histogram filters the map’s circles to only incidents within that period. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with TopoJSON world-atlas data, while the histogram uses `d3.bin`, `d3.scaleTime`, and `d3.brushX`, all rendered as SVG via React.

Zzyniax
85% match
Loading thumbnail…

Multiple Views with Brushing

This example shows a world map of missing migrant incidents, with bubbles sized by the total number of dead and missing. A time-series histogram below the map displays the same data binned by month. Brushing the histogram filters the map’s bubbles in real time. The visualization uses React for the component structure and `d3.geoNaturalEarth1` with `d3.geoPath` for the map, alongside `d3.brushX` and `d3.scaleTime` for the interactive filtering.

Ee-ines
85% match