Google Search for Hate Crime

100%

Google Search for Hate Crime

✓ Published0🌍 Public

Last edited Oct 17, 2019

Created on Oct 17, 2019

This visualization shows Google search popularity for “hate crime” across the months of 2019, with each circle representing a weekly data point plotted by month and popularity value. The scatterplot uses D3 v5’s scaleLinear, axisBottom, and axisLeft to construct axes, while CSV data from the FBI’s Hate Crime Statistics Program is loaded via d3.csv. Circles are rendered as SVG elements with forest green fill and partial opacity, and the chart includes labeled axes and a title.

AI-generated description

Incidents, Offenses, Victims, and Known Offenders by Bias Motivation, 2017 - 16,149 law enforcement agencies participated in the Hate Crime Statistics Program. Criminal Justice Information Services Division

MIT Licensed

Similar vizzes

Loading thumbnail…

NYC Hate Crime Analysis

This interactive bar chart visualizes NYC hate crime counts by bias type, with buttons to switch between 2020 and 2021 data. The visualization uses D3.js v6 with scalable vector graphics (SVG) and animated transitions to update bar heights and axes smoothly. Data is loaded asynchronously from a CSV file hosted on GitHub, and the chart maps bias categories to the x-axis using `d3.scaleBand` while the y-axis uses `d3.scaleLinear` to represent counts. A custom `update()` function handles data parsing and re-rendering.

RRona Xu

71% match

Loading thumbnail…

Untitled

This visualization is a heatmap showing monthly property crime counts in San Francisco from 2005 to 2015. Each cell represents a month and year, colored on a viridis scale from low to high crime totals, with years on the y-axis and months on the x-axis. The code uses d3.nest and d3.map to aggregate the CSV data, d3.scaleBand for axes, and d3.scaleSequential with d3.interpolateViridis for the color encoding. A gradient legend with a d3.axisBottom is rendered using an SVG linearGradient.

Vvaynexie

65% match

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

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

64% match

Loading thumbnail…

Crime Rate CORGIS Heatmap

This heatmap visualization displays violent crime rates for US states from 2008 to 2019 using CORGIS data. It presents a grid of colored squares, with each square representing a state-year combination and color intensity mapping to the crime rate via red fill values. The visualization is built with p5.js, using its `loadTable` function to fetch and parse a remote CSV file. It dynamically draws the legend, axes, and state labels through the canvas API, with the color scale ranging from dark red for lower rates to bright red for higher ones.

NNoah C.

64% match

Loading thumbnail…

Crime_rate vs year

This scatter plot displays the relationship between crime rate and year for U.S. metro areas, with each red semi-transparent circle representing a yearly data point. The visualization uses D3 v5 to load CSV data from a GitHub gist, mapping crime rate on the x-axis and year on the y-axis via `scaleLinear`. Both axes include gridlines and labels through `axisLeft` and `axisBottom`, while the SVG rendering supports custom styling for circles and text.

Yyyaaa1

64% match

Loading thumbnail…

D3: NYC Crime Visualization

This interactive NYC crime visualization presents multiple coordinated views: a choropleth map of precincts, a pie chart of crime types, and bar charts showing age and race distributions. Users can click precincts or crime categories to filter across all views, with a reset button to restore the full dataset. The visualization uses D3 v6 with d3.geoMercator and d3.geoPath for the map projection, d3.arc for the pie chart, and d3.scaleBand for bar charts. Crime data is color-coded via a linear gradient legend and tooltip interactions.

Ooliverliuoo

64% match

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot displays U.S. Metro Areas violent crime data, letting users select which attribute to plot on each axis via dropdown menus. The visualization uses React for component-based rendering and d3.scaleLinear for axis scales, with SVG circles representing data points. Users can compare metrics including violent crime, homicides, robberies, and total population across metro areas. The chart includes axis labels, formatted tick values using d3.format, and a color legend with hover interactions that fade non-hovered categories. Data is loaded from a CSV file using d3.csv.

Yyyaaa1

64% match