Scatterplot of Intentional Homicides

100%

Scatterplot of Intentional Homicides

✓ Published1🌍 Public

Last edited Sep 29, 2021

Created on Sep 15, 2021

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.

AI-generated description

This is a scatterplot using the UN Intentional Homicide dataset. Each circle represents a country, with the position of the circle representing the number of intentional homicides (y-axis) and the year (x-axis).

Issues: I couldn't get the correct values for the # of homicides - I think this is because it's a decimal representing numbers in the 100,000 range....also, even with scalePoint, I couldn't get every country to line up on the x-axis so I used year instead. I had to clean up my data through my gist multiple times to get this to work.

MIT Licensed

Similar vizzes

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

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

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

86% match

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

81% match

Loading thumbnail…

Brushing in Bar Chart Using UN Intentional Homicide Data

A bar chart using UN Intentional Homicide data displays the number of intentional homicides per country, with country names on the x-axis and homicide counts on the y-axis. Built with D3 v6, it renders red-styled rectangles via SVG, using `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. The code includes a `d3.brushX` implementation (commented out) intended for brushing, though the active view shows static bars. Axis labels identify the plotted variables, and the data is loaded as CSV from a GitHub Gist.

LLilly-beth Linnell

80% match

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

80% match

Loading thumbnail…

HW9

This example visualizes the total number of fatal and nonfatal shootings involving unarmed individuals from 2010 to 2016, using a line chart with overlaid scatterplot points. The line connects yearly totals, while circles mark each data point, with the y-axis representing the total count and the x-axis showing time. The visualization uses D3 v4, employing `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` to generate the path. Data is loaded from a CSV file (`fatal_unarmed.csv`) via `d3.csv`, and axes are rendered using `d3.axisBottom` and `d3.axisLeft`. The chart includes labeled axes for year and total shootings, with a steelblue styled line and points.

HHussamHallak

72% match

Loading thumbnail…

Conditional Styling

This example visualizes UK homicide and attempted murder statistics from 2002 to 2011 as two filled area charts. The visualization uses conditional styling to highlight the homicide series in red with higher opacity, while attempted murders appear gray and faint. Built with d3.v3 and SVG, it employs d3.svg.area and d3.time.scale for the x-axis, with data loaded from a CSV file. Hovering over any circle or path changes its fill to orange, and the axis labels are rendered using d3.svg.axis.

LLTymn

72% match