American Sheriff Race Compared to Constituents' Non White Population

100%

American Sheriff Race Compared to Constituents' Non White Population

✓ Published1🌍 Public

Last edited Sep 24, 2020

Created on Sep 17, 2020

Forked from American Sheriffs: Minority Representatives by Party

This visualization compares the racial demographics of American sheriffs and their constituents. The chart plots sheriffs’ racial identity along the X axis, with the percentage of non-white residents in their community on the Y axis, using point color for political party and point size for population. Built with the vega-lite-api, it loads CSV data from the Reflective Democracy American Sheriffs database. The code uses Vega-Lite’s markCircle encoding, configures axes, and applies a custom tooltip handler via vega-tooltip.

AI-generated description

A visualization constructed using the vega-lite-api.

A program that loads and parses some CSV data from the Reflective Democracy American Sheriffs database.

The data has been cleaned in Excel to fix case discrepancies and remove percentage sign characters.

The visualization shows the distribution of sheriffs elected categorized by racial identity of the official along the X axis and percentage of non white residents of the electing community along the Y axis. Point color indicates political party affiliation of the elected official and the mark sizing indicates the size of the community population.

MIT Licensed

Similar vizzes

Loading thumbnail…

American Sheriff Race Compared to Constituent Black Population

A scatterplot compares the race of elected sheriffs to the percentage of Black residents in their constituencies, using point size to encode total population and color to indicate political party. The visualization reveals that communities with higher Black populations tend to elect non-white sheriffs. The code loads CSV data from the Reflective Democracy American Sheriffs database, processes it via d3.csv, and renders the chart using the Vega-Lite API with a custom configuration for axis styling and tooltips.

MMartin Blatz

93% match

Loading thumbnail…

American Sheriffs: Minority Representatives by Party

This visualization uses a bar chart to show the count of American sheriffs by political party, with bars colored by the sheriff’s racial identity. It clearly reveals that white sheriffs dominate all parties, while minority representatives are nearly absent among Republicans and Independents. Built with the Vega-Lite API, the chart encodes party affiliation on the x-axis, race as color, and uses a count aggregation for the y-axis. Data comes from a CSV file loaded via `d3.csv` from the Reflective Democracy American Sheriffs database, with tooltips provided by Vega-Tooltip.

MMartin Blatz

88% match

Loading thumbnail…

American Sheriffs Data Summary

This example summarizes the Reflective Democracy Campaign dataset of elected sheriffs by displaying basic file metrics. It shows the CSV file's size in kilobytes, the number of data rows, and the number of columns. The visualization loads the data from a remote Gist URL using `d3.csv` and then displays the computed statistics as large text in a pre element. The code also includes commented-out alternatives using `fetch` with async/await and a nested promise approach.

MMartin Blatz

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

65% match

Loading thumbnail…

American Cabinets - Minorities by Party

This stacked bar chart shows the count of cabinet appointees by party affiliation, with bars divided into minority and non-minority segments. It uses the vega-lite-api in JavaScript to create a bar mark, encoding the categorical 'Party' field on the x-axis and 'Minority' on the color channel. Data is loaded asynchronously from a CSV of American cabinet appointments via d3.csv. The visualization is rendered with Vega-Lite and styled using a custom config that adjusts font sizes and removes axis domains.

RRudy Shayganfar

64% match

Loading thumbnail…

Fatal Police Shootings stacked Bar

This stacked bar chart visualizes fatal police shootings by race, with each bar segmented by the victim's fleeing behavior. The chart uses Vega-Lite's API to encode race on the x-axis, count on the y-axis, and flee status as color. The data is loaded via D3's `csv` function from a GitHub Gist, and the visualization is rendered using the `vega-lite-api` with React and a custom tooltip handler.

Mmandadi1999

62% match

Loading thumbnail…

NYPD Complaints - Complainant and Officer Ethnicity

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.

RRudy Shayganfar

62% match

Loading thumbnail…

Racism? All Lives Matter!

This bar chart shows the distribution of police shootings by race, revealing that White, Black, and Hispanic individuals are the most affected groups, with the White category having nearly twice the number of shootings as the Black category. The visualization uses vega-lite-api with d3.v5 to load CSV data from a Kaggle-hosted GitHub gist, then aggregates counts per race via a groupby transform. The bars are colored by race, and tooltips display the exact count and racial category when hovered. The chart is rendered through vega-lite’s SVG rendering with a custom dark theme from a config file.

ZZG

62% match