FBI Hate Crime Statistics in the United States

100%

FBI Hate Crime Statistics in the United States

✓ Published1🌍 Public

Last edited Sep 24, 2020

Created on Sep 8, 2020

This example displays the FBI Hate Crime Statistics dataset as a plain text summary. It reports the file size in kilobytes, the number of data rows, and the number of columns contained within the CSV. The visualization uses the D3.js library, specifically the `d3.csv` function to load the remote data and `d3.csvFormat` to calculate its size. The resulting three-line message is presented in a large pre-formatted text element on the page.

AI-generated description

This dataset contains information about FBI Hate Crime Statistics. This is 'FBIHateCrime' dataset. Originally published at FBIHateCrime Data-Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing UScrime Data

This example loads and parses UScrime data from a CSV file, displaying the dataset’s size in kilobytes, row count, and column count. The data, sourced from the FBI’s website, records reported crimes across U.S. states from 2015 to 2019. The visualization uses D3 v7, specifically `d3.csv` to fetch and parse the data, then updates the text content of a DOM element with the summary statistics. The code also demonstrates alternative parsing methods using `fetch` and `d3.csvParse`.

RRuofan Chen

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

71% match

Loading thumbnail…

Crime by Race Dataset

This example displays the raw contents of a crime dataset as a formatted JSON object on the page. The data, sourced from the FBI’s 2014 Crime in the United States table, is loaded from a CSV file using D3.js and parsed with the `dsvDataset.parse` API. The code then renders the parsed data into a `<pre>` element via D3’s selection and text methods. It shows the dataset’s structure—listing offenses and counts by racial category—without any additional charting or interaction.

CCurran Kelleher

71% match

Loading thumbnail…

Data Table Summary

This example presents a raw summary of Chicago crime data from December 2017, displaying the total row count, column count, and file size in kilobytes, followed by the first ten rows as formatted JSON. It uses d3.csv to load the dataset and d3.csvFormat to compute its size. The visualization appears as monospaced text on a black background with green styling, emphasizing a terminal-like aesthetic.

Ssrrajendran

69% match

Loading thumbnail…

Boston Crime Analysis CSV Data - Loading and Parsing

This example displays summary statistics from a Boston crime CSV dataset, showing the file size in kilobytes, total row count, and number of columns. It loads the remote CSV using `d3.csv` and parses it asynchronously with a Promise. The code also demonstrates alternative approaches using `fetch`, `async/await`, and `d3.csvParse`, though the active path relies on `d3.csvFormat` to compute text length for the size estimate. Results appear in a large preformatted text element.

JJosvin John

67% 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…

Massachusetts Crime Dataset

This example displays the size and structure of the Massachusetts Crime Dataset, showing the file size in kilobytes, the number of rows, and the number of columns. It loads the CSV from a GitHub gist using D3 v5’s `d3.csv` method, which parses the data into an array of objects. The code then uses `d3.csvFormat` to re-serialize the data for size calculation and accesses the `length` and `columns` properties to count rows and fields. The resulting information is rendered into a large `<pre>` element using plain text manipulation via the Document Object Model.

Wwenleicao

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

67% match