Brushing in Bar Chart Using UN Intentional Homicide Data

100%

Brushing in Bar Chart Using UN Intentional Homicide Data

✓ Published0🌍 Public

Last edited Dec 15, 2021

Created on Dec 15, 2021

Forked from 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.

AI-generated description

A bar chart using the UN Intentional Homicide dataset. This bar chart shows the number of intentional homicides (Y-axis) per the Country (X-axis) The country names do collide with each other, but that is an issue I have yet to fix. I want to thank Peter Cordone and Denise Mauldin for their help with troubleshooting!

MIT Licensed

Similar vizzes

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

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

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…

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

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

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

72% match

Loading thumbnail…

Map and Bar Chart with Brushing

This example combines a bubble map and a brushing-linked bar chart to explore migrant deaths and disappearances worldwide. The map uses a square-root size scale and `d3.geoPath` with the Natural Earth projection to show total counts, while a time-series histogram displays monthly aggregates. Users brush the histogram to filter the map’s circles interactively. The visualization is built with React and D3 v5, using `d3.brushX`, `d3.bin`, and `d3.scaleTime`, and renders all elements as SVG. Data comes from the Missing Migrants Project CSV.

Cclara.barth@hotmail.de

72% match

Loading thumbnail…

Fork of Fork of Making a Bar Chart

This bar chart displays suicide numbers across countries for specific years, with horizontal bars ordered by count magnitude. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for categorical country labels on the y-axis. Data is loaded from a CSV file using `d3.csv`, with the `suicides_no` field converted to numeric values. The chart includes axis labels and a title, while the dataset originates from the United Nations World Population Prospects 2017 estimates.

Jjerry691

71% match