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

100%

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

✓ Published1🌍 Public

Last edited May 23, 2022

Created on May 23, 2022

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Untitled

This visualization plots U.S. state-level crime statistics, showing violent crime totals against homicide cases for each state, with bubble size encoding population and color assigned by state name. The chart uses d3.v4 with d3-scale-chromatic for color mapping and includes an interactive tooltip that displays the state name on hover, while also fading out non-hovered bubbles. Data comes from the estimated_crimes.csv file, rendered as SVG circles with axes and labels generated using d3.axisBottom and d3.axisLeft.

Ssruthisenapathi

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

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

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

73% match

Loading thumbnail…

H1B Petition with Interactive Legend for Case Status

An interactive choropleth map displays the geographic distribution of violent crime rates across US cities. The visualization uses a natural earth projection with graticules and state boundaries rendered via D3's `geoNaturalEarth1`, `geoPath`, and `geoGraticule` APIs. Circle markers sized by the `scaleSqrt` function represent each city's violent crime count, with data loaded from a CSV via D3's `csv` method. The map leverages React hooks for data fetching and renders all SVG elements through a component-based architecture.

Yyyaaa1

72% match

Loading thumbnail…

Fatal Police Shootings Mapped with Data Cleaned

This interactive map displays fatal police shootings across the United States, with red semi-transparent circles marking each event to reveal density clusters in population centers. The visualization uses the react framework with d3.geoAlbersUsa projection and d3.geoPath to render state boundaries from the us-atlas TopoJSON, while plotting incident coordinates from the Washington Post’s Fatal Police Shootings database. The code also cleans null data entries, converting blanks to “Unknown” for categorical fields and -1 for missing ages, and aggregates incident counts per state using d3.nest() for future analysis.

MMartin Blatz

72% match

Loading thumbnail…

Untitled

A choropleth of the United States visualizes violent crime rates per state from 1999 to 2019. The map uses SVG circles positioned via `d3.geoAlbersUsa` and `d3.geoPath` to represent state-level crime counts, with circle size and color encoded through `d3.scaleLinear`. Users select a year and crime type (e.g., homicide, robbery) from dropdown menus, triggering a redraw of the map with updated data. The visualization loads state geometries from `us-states.json` and coordinates from `states_lon_lat.json`, with data from the `estimated_crimes_1999_2019.csv` file.

OOsasotur

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

71% match