UN Intentional Homicides Final Project

100%

UN Intentional Homicides Final Project

✓ Published1🌍 Public

Last edited Dec 20, 2021

Created on Nov 28, 2021

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.

AI-generated description

My first attempt for creating a map with dots to show the number of Intentional Homicides per country.

It isn't perfect yet but having the dots show up at all is progress - I have put this in the Slack for help.

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.

Using the UN Intentional Homicide dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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.

SSteven

89% 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

81% 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

80% 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

80% 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

77% match

Loading thumbnail…

Interactive Visualization of Homicide cases across different states in the United States.

This interactive visualization presents homicide cases across different U.S. states, using a simple HTML, CSS, and JavaScript setup within a React framework. The page currently displays a static "Hello HTML!" message, showing the foundational structure rather than a live chart. It relies on basic DOM manipulation and inline styling, with no advanced libraries like d3.forceSimulation or Canvas rendering yet implemented. The example serves as a minimal starter template, leaving the actual state-by-state homicide data mapping for future development.

Ssruthisenapathi

77% 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

76% match

Loading thumbnail…

Fatal Police Shootings Fully Interactive

This interactive map displays fatal police shootings across the United States, with each incident as a colored circle positioned using a geoAlbersUsa projection and d3.geoPath for state boundaries. Users select an attribute from a dropdown to colorize incidents by categories such as race, gender, or threat level, with an ordinal color scale and interactive legend that fades non-hovered points. The data comes from the Washington Post’s Fatal Police Shootings Database, cleaned and parsed via d3.csv in React, while hover states filter points dynamically.

MMartin Blatz

75% match