Untitled

100%

✓ Published1🌍 Public

Last edited Nov 3, 2020

Created on Oct 6, 2020

Forked from Bowl of Fruit - Animated Transitions

This map visualizes victims of the Troubles in Northern Ireland, plotting each individual as a colored circle marker on a Leaflet map. Circle color encodes the victim’s religion—Protestant, Catholic, Other, or Unknown—using a fixed color scale defined in JavaScript. The map is initialized with Leaflet and OpenStreetMap tiles, styled with a grayscale filter for a subdued background. Data is loaded from a CSV file with D3.js, and markers are drawn using `L.circleMarker` with coordinates from the dataset.

AI-generated description

click on circle to slect

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This visualization maps migrant casualties across the Mediterranean, plotting individual events by geographic coordinates and encoding severity through point size or opacity. It uses SVG for rendering and loads D3 v5 via `select` and `csv` to parse the dataset from `data.csv`. The map displays location, date, and casualty counts for each reported incident, sourced from news reports and route classifications. However, the current code only logs the data to the console, not yet rendering the visual elements.

Kkartikaymanoj

64% match

Loading thumbnail…

Migrant Deaths Direct Visualization

This direct visualization maps migrant deaths from a CSV dataset onto a Leaflet-based map, with each record drawn as a red circle marker. The data is loaded via a custom Chiasm plugin and rendered using Canvas tiles, with a semi-transparent white overlay to fade the base map. Circle size encodes an optional numeric column using a square-root scale, defaulting to a fixed radius if none is specified. The implementation combines Leaflet for interactive panning and zooming with Chiasm for reactive data binding, and notes the challenge of overlapping circles, suggesting future work on clustering or binning.

CCurran Kelleher

62% match

Loading thumbnail…

Untitled

This interactive map displays a collection of settlement points across Europe and North Africa, rendered using Leaflet with tile layers from CartoDB. The visualization separates data into two categories: modern settlements and historical settlements, each represented by distinct markers using the Leaflet.AwesomeMarkers plugin with Font Awesome icons. Users can filter between categories using Bootstrap-styled buttons that toggle layer visibility through jQuery. The GeoJSON data is loaded via jQuery’s `$.getJSON` method, and the map automatically fits its bounds to all plotted locations.

Ccharliemok

62% match

Loading thumbnail…

Untitled

A hierarchical circle-packing visualization displays the distribution of militant organizations across ideological categories and time periods. The code uses D3.js to produce a packed circle layout, encoding each organization as a leaf node with a clipped text label, while internal nodes represent hierarchical groupings. Data is sourced from a JSON file with a nested structure. The visualization is rendered using D3’s `pack` layout, `d3.group`, and SVG elements, with circles colored by tree depth and a drop shadow filter applied for visual separation.

Eethanjones-git

62% match

Loading thumbnail…

Untitled

This visualization displays a choropleth map of the United Kingdom using an Albers projection, with distinct colors for England, Scotland, Wales, and Northern Ireland, while hiding the Republic of Ireland. It renders subunit boundaries with dashed strokes and labels for each region, alongside place points and their labels. The code uses D3.js v3 with `d3.geo.albers`, `d3.geo.path`, and `topojson` to load and project geospatial data from a `uk.json` file, generating an SVG output within a React framework.

Vvenkatajayanth03

62% match

Loading thumbnail…

Untitled

This visualization combines a bubble map with a date histogram to show the geographic distribution and temporal trends of migrant deaths and disappearances. The map uses the Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, plotting circles scaled by `d3.scaleSqrt` according to the "Total Dead and Missing" count, while the histogram bins the same data by month using `d3.bin` and `d3.timeMonths`. The map overlays graticules and country boundaries from the World Atlas TopoJSON, with data sourced from the Missing Migrants Project CSV.

Mmaavwin6

62% match

Loading thumbnail…

Untitled

This interactive map displays a collection of settlements across Europe and the Middle East, distinguishing between modern settlements and older ones. Users toggle between viewing all locations, only modern settlements, or only traditional settlements using three buttons. The map uses Leaflet with CartoDB tiles and Leaflet.awesome-markers to render red iconic markers for settlement features, while modern settlements use default markers. The geographic data is loaded from a local GeoJSON file ("settlements.json"), and hover interactions display the feature type via popups.

Kklcheung99

61% match

Loading thumbnail…

Untitled

This interactive map visualizes violent crime rates across U.S. states from 1999 to 2019, with dropdown menus to select the year and crime type. Circles sized and colored by bivariate linear scales (d3.scaleLinear) are overlaid on a U.S. map projected using d3.geoAlbersUsa with d3.geoPath. The visualization uses d3.json to load state boundaries and coordinates, with hover tooltips showing state names and values.

Aajeuphoria

61% match