Skip to main content
SimilarExport ZIP
100%

American Sheriffs Data Summary

✓ Published0🌍 Public
MMartin Blatz
Last edited Sep 24, 2020
Created on Sep 11, 2020

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.

AI-generated description

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

Reflective Democracy Campaign dataset of elected sheriffs in the 46 states that have them. The dataset includes race, gender, and policital party affiliation.

The original dataset can be downloaded here

Additional information is located at The Reflective Democracy website

The raw data has been extracted from the first sheet of the linked .XLSX file and saved as a .CSV file on this Gist.

Some questions to explore:

  • How closely do the demographics of elected sheriffs match their constituents? Are racial or gender groups significantly underrepresented?
  • Is there a pattern to the geographical distribution of sherriffs by race, gender, or political party affiliation?
  • What states have the largest discrepancies between the population demographics and the demographics of the sheriffs?
  • Are mismatches between the population and it's representative more likely in large areas, small areas, rural areas, or urban areas?

Categorical data of interest:

  • state
  • electoral district
  • urban/rural
  • party rollup
  • race
  • gender

Quantitative data of interest:

  • Native %
  • White %
  • Black %
  • Hispanic %
  • Asian %
  • Multi %
  • Other %
  • Census 2010 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
72% 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
69% match
Loading thumbnail…

American Sheriff Race Compared to Constituents' Non White Population

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.

MMartin Blatz
68% match
Loading thumbnail…

Loading and Parsing CSV Data on "US Police Shootings"

This example displays summary statistics for a CSV dataset of US police shootings, showing the file size in kilobytes, row count, and column count in large text. It loads the data using `d3.csv` from d3.v5, then reports `data.length` and `data.columns.length` after parsing. The code also includes commented-out alternatives using `fetch` with `async`/`await` and `d3.csvParse`, highlighting different parsing approaches. The data comes from a gist hosted on GitHub.

Llintonylin
67% match
Loading thumbnail…

Fork of Fork of Data Table Summary

This example displays a summary of a diabetes awareness dataset, showing the total row count, column count, and file size in kilobytes, followed by a JSON preview of the first ten rows. It uses D3 v5’s `csv` method to load data from a remote CSV file hosted on GitHub, then appends the summary and preview as text elements to the page body using `select` and `append`. The dataset originates from a survey on pregnancies, blood pressure, and diabetic status, and the page includes a background image and link to the raw data source.

VVineela Reddy
66% match
Loading thumbnail…

Dataset 1 U.S police shooting dataset

This example summarizes a U.S. police shooting dataset by displaying its file size, row count, and column count in a large text block. It fetches a remote CSV file and parses it with `d3.csvParse` after retrieving the raw text via the Fetch API. The visualization uses D3 v5 and reports basic dataset dimensions without any charts or graphics. Data comes from a GitHub gist containing the police shooting records.

ZZG
66% match
Loading thumbnail…

Summary Statistics for Boston Crime Data

This example displays summary statistics for Boston crime data from 2020, showing the dataset’s size in kilobytes, row count, and column count in large text. It loads the CSV from a GitHub gist using `d3.csv`, then calculates the file size by measuring the formatted CSV string length and divides it by 1024. The code also includes commented-out alternatives using `fetch`, `async`/`await`, and `d3.csvParse`, demonstrating different approaches to asynchronous data loading. The visualization is minimal, rendering the final message into a `<pre>` element using standard DOM text assignment.

LLeah Mitchell
66% match
Loading thumbnail…

Fork of Fork of Fork of Data Table Summary

This example displays a quick statistical summary of a diabetes survey dataset, showing the total row count, column count, and file size in kilobytes, followed by a preview of the first ten rows in JSON format. It uses D3 v5’s `csv` method to load the external data and `csvFormat` to compute its size, while the document body is styled with custom CSS that includes a khaki background, a GIF image, and dotted borders. The SVG in the HTML contains a background image and links to the raw data file.

VVineela Reddy
66% match