Fork of Polished World Map

100%

Fork of Polished World Map

✓ Published0🌍 Public

Last edited Dec 17, 2023

Created on Nov 23, 2023

This interactive visualization combines a world map of natural disasters with a time-series histogram. Users brush over the histogram to filter disasters by date, which updates the map’s bubble markers sized by disaster impact and colored by category (hydrological, meteorological, climatological). Radio buttons recolor the map based on minimum, average, or maximum temperature anomalies from a separate CSV dataset. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for rendering, while the histogram employs `d3.bin` and `d3.brushX` within a React framework.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Working with Time

This stacked bar chart visualizes the frequency of natural disasters over time, broken down by disaster subgroup (Climatological, Hydrological, and Meteorological) using the Data Canvas Sense Your City dataset. The visualization uses React to render SVG marks, with `d3.bin` and `d3.timeYears` to bin events into yearly intervals, and `d3.scaleTime` and `d3.scaleLinear` for axes. Each bar segment encodes one disaster type; hovering reveals its exact count via a native `<title>` tooltip. The chart emphasizes the temporal distribution of these hazard categories across the dataset’s timeframe.

MMilana

80% match

Loading thumbnail…

Fork of Fork of Fork of Polished World Map

This interactive map plots recent global news events by geographic location, with markers color-coded by news category. The visualization uses a Natural Earth projection with graticule lines and country borders, rendered as SVG paths. Built with D3.js and React, it loads world geography from world-atlas TopoJSON and overlays a CSV dataset of headlines, using the d3.geoPath and d3.geoNaturalEarth1 APIs for projection and the d3.csv parser for data ingestion. Hovering over a marker reveals a tooltip with the headline, summary, location, and date.

NNita

79% match

Loading thumbnail…

Fork of Fork of 112 Multiple Views

This example shows an interactive visualization of emergency incident data across the Netherlands. A geographic bubble map displays incident locations, while a synchronized date histogram below allows users to brush over time ranges, filtering the map to show only incidents within the selected period. The map uses D3’s `geoMercator` and `geoPath` projections, while the histogram pulls from `d3.bin`, `scaleTime`, and `brushX`. React manages state, and the data comes from a CSV of incident records with geographic coordinates.

KKamilPodsiadlo

78% match

Loading thumbnail…

Fork of Fork of Interactive Visualization (Brush) - Earthquake Data

This interactive dashboard combines a bar chart, a world map, and a scatter plot to explore earthquake data from 2000 to 2021. The bar chart shows the mean yearly earthquake magnitude, while the world map, built with `d3.geoPath` and a Mercator projection, plots earthquake epicenters with circle radii scaled by Richter magnitude. A linked scatter plot uses `d3.select` to display year against magnitude, with point size representing deaths. The map also includes tooltips on hover, and the data for the bar chart is loaded from a CSV file.

Sspace-captain96

78% match

Loading thumbnail…

Fork of Interactive Visualization (Brush) - Earthquake Data

This visualization of earthquake data combines a bar plot, world map, and scatter plot to explore regional deaths, epicenter locations with Richter magnitudes, and the relationship between year, magnitude, and casualties. Users can brush on the scatter plot to filter the other views by year. The map uses d3.geoMercator with d3.geoPath to render world geography, while tooltips display country names on hover. All charts are built with d3.v7, rendering as SVG with animation, and the data is loaded from an external CSV source.

Sspace-captain96

77% match

Loading thumbnail…

Fork of Missing Migrants on a World Map w/ Histogram & Brushing feature

This visualization combines a world map of missing migrant incidents with a linked histogram, using D3 v7 within a React framework. The map displays circles sized by death counts via `d3.scaleSqrt`, while a time-based histogram aggregates data by month. Users can brush the histogram with `d3.brushX`, filtering the map’s circles in real-time. The map uses `d3.geoNaturalEarth1` projection and TopoJSON world atlas data, rendering as SVG.

Jjimmy.fisher@member.mensa.org

77% match

Loading thumbnail…

Fork of Interactive Visualization (Brush) - Earthquake Data

This visualization combines a bar plot, world map, and scatter plot to explore earthquake data. The bar plot shows total deaths by region, the map displays earthquake locations with circle radius representing Richter scale magnitude, and the scatter plot correlates year with Richter magnitude and death counts. The implementation uses D3 v7 with d3.geoPath for map projection, d3.scaleBand and d3.scaleLinear for axes, and includes interactive brushing, tooltips via mouseover events, and a legend. Data comes from a CSV file referenced in the code.

PPiotr Paszek

76% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This interactive visualization combines a world map of migration incidents with a time-series histogram. The map uses a natural Earth projection with graticules to display circles scaled by the total dead and missing, while the histogram below shows the same metric aggregated by month. Built with React and D3 v5, it uses `geoNaturalEarth1` and `geoPath` for the map, `scaleSqrt` for circle sizing, and `bin` with `timeMonths` for the histogram. Data comes from the Missing Migrants Global dataset.

TToonysg

76% match