Skip to main content
100%

Chiasm Crossfilter Integration

✓ Published0🌍 Public
CCurran Kelleher
Last edited Feb 21, 2017
Created on Oct 29, 2015

This example integrates a linked bubble map and temporal histogram to explore migrant deaths. The map, built with Leaflet, renders each death as a red circle, while the histogram uses D3 and Crossfilter to show the temporal distribution. Brushing a date range in the histogram filters the map, and panning or zooming the map updates the histogram, enabling interactive cross-filtering between the two views. The visualization combines D3, Leaflet, Crossfilter, and Chiasm to support these coordinated interactions, with panning and zooming on the map refining the time series and brushing on the time axis filtering map points.

AI-generated description

This example shows a linked bubble map and temporal histogram of migrant deaths. Brushing in the date view filters the data shown in the map. Panning and zooming in the map filters the data shown in the time view. This is a combination of the previous examples Migrant Deaths Map and Crossfilter & Chiasm.

The data is from themigrantsfiles.com, exported to CSV format from this Google Doc on September 14, 2016. Each row of the table is represented as a red circle on the map. Unfortunately, the data collection project was discontinued in July 2016.

Uses

<!-- Start of SimpleHitCounter Code --> <div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=2130840&f=16777215&b=0" border="0" height="18" width="83" alt="web counter"></a></div> <!-- End of SimpleHitCounter Code -->
mit Licensed

Similar vizzes