Skip to main content
SimilarExport ZIP
100%

FulcrumSpeedworks Customer Map With Fast Brushing Bars V1

✓ Published0🌍 Public
AAndre J Denais
Last edited Jun 1, 2023
Created on Jun 1, 2023

This visualization combines a world map and a brushable time histogram to explore a dataset of missing migrants. The map displays circles sized by the total number of dead and missing using a square-root scale, with geographic context provided by `d3.geoPath` and graticules. The histogram, built with `d3.scaleTime` and `d3.histogram`, shows monthly death counts. Users can brush the histogram, triggering a reactive filter that dynamically updates which map circles are drawn. The project uses React for the interface and D3 v5 for projections, scales, and brushing.

AI-generated description

A geojson World Map displaying Missing Migrants. City data sourced from Simplemaps: World Cities Database.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fast Brushing

This visualization combines a world map and a time-series histogram to explore migrant deaths and disappearances. Users can brush over the histogram to filter the map’s bubbles, which represent the total dead and missing per location, illustrating the geographic distribution of events within a selected time window. The map uses d3.geoNaturalEarth1, d3.geoPath, and graticules, while the histogram uses d3.bin and d3.brushX. React’s useMemo optimizes rendering performance, with city data from Simplemaps and country boundaries from World Atlas TopoJSON.

SShantanu
87% match
Loading thumbnail…

Missing Migrants on a Map with Fast Brushing Bars (V1)

A world map uses semi-transparent circles to show the geographic distribution of missing migrants, with circle size encoding the total number dead or missing per location. A brushed time-series histogram below the map filters the displayed circles to a selected date range, updating the map dynamically. The visualization is built with React and D3 v5, using `geoNaturalEarth1` and `geoPath` for the map projection, `scaleSqrt` for circle sizing, and `brushX` for the interactive time filter. Data comes from a CSV of migrant incidents sourced from Simplemaps.

AAndre J Denais
86% match
Loading thumbnail…

Multiple Views with Fast Brushing

This visualization combines a world map and a time-series bar chart to explore migrant deaths and disappearances. Users brush a date range on the histogram to filter the map’s circle markers, which scale by the number of casualties. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for landmasses, while the histogram bins monthly totals via `d3.bin` and `brushX`. Data comes from a CSV of global missing migrant incidents, rendered with React and D3 v5.

SSong Tao Chen
85% match
Loading thumbnail…

Fulcrum S Projections

This visualization shows missing migrant incidents worldwide, with circles sized by death toll on a world map and a time-series histogram below. Brushing a date range on the histogram filters the map’s bubbles. It uses React and D3 v5, including `geoNaturalEarth1`, `geoPath`, and `scaleSqrt` for the map, plus `brushX`, `scaleTime`, and `histogram` for the timeline. Data comes from a CSV of missing migrants, rendered as SVG with the world-atlas TopoJSON.

AAndre J Denais
85% match
Loading thumbnail…

Map Brushing

This example links a world map of missing migrant incidents to a brushing-linked time histogram. The map displays circles scaled with `d3.scaleSqrt` based on total dead and missing counts, projected using `d3.geoNaturalEarth1` and rendered with `d3.geoPath`. A brushed time range filters the map’s circles in real time, using `d3.brushX` and `d3.histogram` to bin monthly totals. The React app uses `useMemo` for performance, with data sourced from a CSV of missing migrants and country boundaries from World Atlas TopoJSON.

FFelix Jacob
85% match
Loading thumbnail…

Multiple Views with Fast Brushing

This example shows a world map of migrant deaths and disappearances from 2014 to 2022, overlaid with a brushing timeline. A geographic map displays circles scaled by the total dead and missing, while a histogram below shows counts over time. Brushing the histogram filters the map’s circles in real time, using React’s `useMemo` for performance. Built with D3 v7, it uses `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` for mapping, while the histogram uses `scaleTime`, `bin`, and `brushX` for interactive filtering.

JJoe Hutchins
85% match
Loading thumbnail…

Combined map and histogram with Brushing

This interactive visualization combines a world bubble map with a time-series histogram to explore missing migrant incidents. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules, with circle radii scaled by `d3.scaleSqrt` based on the total dead and missing. Below, a histogram bins incidents by reported date using `d3.bin` and `d3.timeMonths`, with bar heights summed per bin. Users can brush over the histogram with `d3.brushX` to filter the map’s displayed circles. Data comes from a CSV of missing migrants, rendered in SVG with React.

FFonda Irena Santoso
84% match
Loading thumbnail…

Fork of Multiple Views with Brushing

This example integrates a world map and a time-series histogram to visualize missing migrants incidents. The map plots circles sized by the total dead and missing using a square-root scale, while the histogram aggregates counts by month. Users brush a time range in the histogram to filter the map’s data dynamically. The visualization uses React for components, d3.geoNaturalEarth1 and d3.geoPath for map rendering, d3.brushX for brushing, and d3.bin for histogram binning, pulling data from a CSV of global missing migrants.

Aanniedekock1m
84% match