NYPD Complaints - Complainant and Officer Ethnicity

100%

NYPD Complaints - Complainant and Officer Ethnicity

✓ Published0🌍 Public

Last edited Sep 23, 2020

Created on Sep 17, 2020

Forked from NYPD Complaints - Age of Officer

This stacked bar chart visualizes the number of complaints filed against NYPD officers, segmented by complainant ethnicity and colored by the officer's ethnicity. Built with the Vega-Lite API, it uses the `.markBar()` method to encode the complainant ethnicity on the x-axis, the count of complaints on the y-axis, and the officer ethnicity as the color channel. The visualization loads its data from a CSV file hosted on GitHub, originally sourced from ProPublica’s dataset of over 12,000 civilian complaints, and customizes axis styling via a config object for improved readability.

AI-generated description

A visualization constructed using the vega-lite-api.

The stacked bar chart above depicts the number of complaints based on complainant ethnicity. The different colors indicate the ethnicity of the officer referenced in the complaint (refer to legend on right of chart).

This is based on a database of more than 12,000 complaints filed by civilians against NYC police officers. The data is available on ProPublica. The original data source is the New York City's Civilian Complaint Review Board. Each row of the data contains one complaint filed. Each complaint includes (but is not limited to) the following: officer first and last name, officer age, officer rank at time of incident, officer current rank, date of incident, and ethnicity of officer. The data contains similar information for each complainant, as well as a description of the offense and whether the complaint was substantiated.

Data is ported from NYPD Complaints dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

NYPD Complaints - Age of Officer and Ethnicity of Complainant

This bar chart shows the distribution of officer ages at the time of civilian complaints, with bars segmented by officer ethnicity. The visualization uses a stacked bar chart where each complaint is counted, and the color encoding maps the officer’s ethnicity. Built with d3.v5 and the vega-lite-api library, the code loads the NYPD Complaints CSV from a GitHub gist, then renders the chart with Vega-Lite’s markBar and count aggregation, styled with a custom dark theme.

RRudy Shayganfar

95% match

Loading thumbnail…

NYPD Complaints - Age of Officer

This stacked bar chart shows the number of NYPD civilian complaints by officer age, with colors distinguishing complaint types via a legend. Built with the vega-lite-api and d3.v5, it loads a CSV of over 12,000 complaints from ProPublica. The visualization uses `vl.markBar()` with x-position for age, y-count for totals, and color encoding for complaint type, rendered through vega-lite’s SVG output.

RRudy Shayganfar

88% match

Loading thumbnail…

NYPD Complaints - Age of Officer

This stacked bar chart shows the number of civilian complaints against NYPD officers by officer age at the time of incident, with colors distinguishing complaint types. The visualization uses the vega-lite-api library, with D3’s `csv` loader to fetch data from a gist containing over 12,000 records originally sourced from ProPublica and New York City’s Civilian Complaint Review Board. The chart encodes age on the x-axis, complaint count on the y-axis, and complaint type via color. The code implements automatic sizing and tooltips through vega-tooltip, with a custom config adjusting axis ticks and label styling.

JJorge Emilio Zapata Godoy

87% match

Loading thumbnail…

Fork of NYPD Complaints - Age of Officer

This stacked bar chart shows the number of civilian complaints against NYPD officers by officer age at the time of the incident, with each bar segment colored by complaint type. The visualization uses the vega-lite-api library to construct a bar mark with an x-axis encoding for the officer age field (`mos_age_incident`), a y-axis count, and color encoding for the complaint type (`fado_type`). Data comes from a CSV of over 12,000 complaints sourced from ProPublica, loaded via d3.csv, and rendered with vega and vega-lite, with custom axis styling from a config file.

Ffaqihisaninja

86% match

Loading thumbnail…

Fork of NYPD Complaints - Age of Officer

This example is a stacked bar chart of over 12,000 civilian complaints against NYC police officers, broken down by the officer’s age at the incident. Colored segments distinguish the type of complaint (e.g., force, discourtesy), with the total counts on the vertical axis. It renders using the Vega-Lite API and D3.js to fetch data from a CSV, map the fields, and configure the chart’s appearance, including the dark axis labels and tooltips. The dataset originates from ProPublica and the NYC Civilian Complaint Review Board.

EEmin

86% match

Loading thumbnail…

NYPD Complaints - Dataset Overview

This example provides a concise overview of the NYPD Complaints dataset, displaying its size in kilobytes, row count, and column count in large text. The visualization uses D3 v5’s `d3.csv` method to load and parse the CSV file from a GitHub gist, then computes the formatted string length and dataset dimensions. It highlights the raw data structure without charts, serving as a minimal text-based summary of the dataset’s scale and schema.

RRudy Shayganfar

73% match

Loading thumbnail…

USA police shootings

A stacked bar chart displays the total number of police shootings per state, with each bar segmented by race to show demographic distribution. The visualization uses the vega-lite-api, building a bar mark with grouped aggregation via `vl.groupby` on state and race, and encodes counts as the y-axis. Data is loaded as CSV from a Kaggle-hosted gist using `d3.csv`. The chart is rendered with Vega-Lite, styled with custom axis and label configuration, and includes tooltips for count and race details.

ZZG

69% match

Loading thumbnail…

Kent (UK) police search count by ethnicity and search type

This visualization shows the distribution of Kent police stop-and-search incidents by officer-defined ethnicity and search type, using a bar chart where color intensity represents aggregated search counts. The data comes from a CSV file loaded asynchronously via `d3.csv`. Built with Vega-Lite API and D3 v5, the chart encodes ethnicity on the x-axis and search type on the y-axis, with `vl.color().count()` mapping frequency to color. The rendering uses Vega’s SVG renderer, with a custom dark text palette and enlarged axis labels configured through a shared config object for readability. Tooltips are enabled via the vega-tooltip handler.

BBizmundo

67% match