Fork of UN Intentional Homicides Final Project

100%

Fork of UN Intentional Homicides Final Project

✓ Published0🌍 Public

Last edited Nov 28, 2021

Created on Nov 28, 2021

Forked from UN Intentional Homicides Final Project

This visualization displays intentional homicide data on a natural Earth projection, with circles sized by homicide counts. The map renders country boundaries from World Atlas TopoJSON, graticules, and city data points using React and D3 v5’s `geoNaturalEarth1` and `geoPath`. Data comes from a CSV of UN intentional homicides, loaded via `d3.csv`. A square root scale maps homicide values to circle radii, producing a choropleth-like overlay of crime statistics.

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…

UN Intentional Homicides Final Project

This interactive world map displays the distribution of intentional homicide counts across countries, with proportional purple circles overlaid on geographic locations. Users can select different crime types or demographic breakdowns through dropdown menus, though the current implementation only supports one active filter. The visualization combines a Natural Earth projection using d3.geoPath with graticules and country boundaries from TopoJSON. City and crime data are loaded via d3.csv, while React manages the interface state and d3.scaleSqrt determines circle sizing based on homicide values.

LLilly-beth Linnell

89% match

Loading thumbnail…

Iteration of Scatterplot of Intentional Homicides

This scatterplot visualizes UN intentional homicide data, plotting each country’s yearly homicide count as a dot. The chart uses d3.scaleLinear for both the year and homicide-value axes, with circles colored by country. It attempts to label every point with its country name using SVG text elements, though the labels overlap. The code loads data via d3.csv, renders SVG circles and text, and includes axis labels for year and homicide count. All plotting is performed with D3 v6’s selection, scale, and axis APIs.

LLilly-beth Linnell

81% match

Loading thumbnail…

Scatterplot of Intentional Homicides

This scatterplot visualizes intentional homicide counts for various countries over time, with each circle’s vertical position representing the number of homicides and the horizontal position denoting the year. Built with d3.v6, the code uses `d3.csv` to load data from a GitHub Gist, `scaleLinear` and `extent` to map values, and `axisLeft` alongside `axisBottom` to render the axes. The SVG circles are placed using `attr` for the `cx` and `cy` coordinates, drawing directly from the UN Intentional Homicide dataset.

LLilly-beth Linnell

81% match

Loading thumbnail…

Fork of Final

This interactive visualization combines a world map of suicide counts with a linked time-series histogram. Circles on a natural Earth projection encode suicide numbers by area, colored by category, with tooltips revealing country-specific details. A brushable histogram below filters the map by year, updating the displayed bubbles. The visualization uses React, D3 v5 modules like `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, and `brushX`, rendering to SVG. Data comes from a CSV of suicide rates merged with city coordinates.

CConnor Rothschild

80% match

Loading thumbnail…

Added Interaction in Scatterplot of Intentional Homicides

This scatterplot displays UN intentional homicide data, plotting homicide values against year for each country. A Voronoi overlay, created with d3.Delaunay, enables interactive tooltips that reveal the country name when hovering over a data point. The visualization uses D3 v6 to render SVG circles and axes, with the Voronoi cells ensuring precise hover detection even for overlapping points.

LLilly-beth Linnell

79% match

Loading thumbnail…

Bar Chart Using UN Intentional Homicide Data

This bar chart visualizes the number of intentional homicides per country using data from the UN Intentional Homicide dataset, with values plotted on the y-axis and country names along the x-axis. The chart uses D3 v6 to load the CSV data, filters out zero values, and renders bars as SVG rectangles using the `scaleBand` and `scaleLinear` scales. The visualization highlights the challenge of overlapping country labels on the x-axis due to the large number of categories, while employing `axisLeft` and `axisBottom` for axes and a fixed bar width of 30 pixels.

LLilly-beth Linnell

76% match

Loading thumbnail…

Fork of Fork of D3: GeoEarth

This interactive choropleth map visualizes global deaths from brain and central nervous system cancer for 2019, with countries colored on a yellow-to-red sequential scale using d3.scaleSequential and interpolateYlOrRd. The geographic projection is rendered via d3.geoPath with geoNaturalEarth1, while country boundaries come from World Atlas TopoJSON data and mortality statistics are joined from CSV files. A legend and hover tooltip, implemented with React state and D3 selections, display country names and death counts. The visualization uses React to manage the component lifecycle and d3.v7 for data loading, mapping, and SVG rendering.

Bbindhureddy98

76% match

Loading thumbnail…

Fork of D3: GeoEarth

This interactive choropleth map displays nuclear-related deaths for the year 2019, with countries colored on a yellow-orange-red sequential scale. Users hover over a country to see its name and total death count in a floating toolkit. The visualization merges world atlas geometries with CSV data on nuclear casualties, using D3’s `geoNaturalEarth1` projection, `geoPath`, and `scaleSequential` with `interpolateYlOrRd`. React manages the interface state, while D3’s `csv` and `json` load datasets, and TopoJSON features render country shapes in SVG.

BBajiSharifPatan@my.unt.edu

76% match