Crime by Race Dataset

100%

Crime by Race Dataset

✓ Published0🌍 Public

Last edited Dec 15, 2015

Created on Dec 14, 2015

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.

AI-generated description

This is a dataset on crime in 2014, subdivided by race and offense. Originally found in table 43 in the FBI Web Site "2014 Crime in the United States".

This example page provides the basic code required to load the data and display it on the page (as JSON) using D3.js.

Also, here's a normalized version of this data, with "Race" represented as a single column.

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/430efaf8f592d018bd3e'>Mother Jones Gun Violence Dataset</a>

<div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=1989967&f=16777215&b=0" border="0" height="18" width="83" alt="web counter"></a></div>

Similar vizzes

Loading thumbnail…

Crime by Race Dataset (Normalized)

This example demonstrates how to normalize a multi-column crime dataset into a tidy format suitable for aggregation and visualization. It shows the raw data, along with computed totals for each offense and each race, displayed as JSON text on the page. The code uses D3.js to load the CSV data and parse metadata, then custom logic pivots the race columns into a single "Race" field, allowing straightforward processing with d3.nest. The visualization serves as a foundation for building bar charts or stacked charts from the normalized crime data.

CCurran Kelleher

83% match

Loading thumbnail…

Crime by Race Dataset (Normalized)

This visualization displays FBI crime data from 2014 as a normalized stacked bar chart, showing the count of offenses by race for each crime category. The code uses D3.js with d3.nest to group by race and d3.layout.stack for the stacked bars. Hovering over the color legend fades other bars and highlights only the selected race, with tooltips via d3-tip providing exact values. Animated transitions occur when switching between the legend-driven highlight states.

CCurran Kelleher

78% match

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

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

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

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

72% match

Loading thumbnail…

Loading and Parsing CSV Data On GitHub Gist

This example demonstrates loading a CSV file from a GitHub Gist and displaying summary statistics about it. The page uses d3.csv to fetch the remote dataset, then computes and shows the formatted data size in kilobytes, the row count, and the column count inside a large-format `<pre>` element. The code relies on d3.csvFormat to measure the data size and accesses the parsed array’s `length` and `columns` properties. The dataset referenced is the UCR Crime 1975–2015 CSV, though the displayed text labels it as “Boston Housing Data.”

Yyyaaa1

72% match

Loading thumbnail…

Crime Data - Crime Type Occurence Analysis

This bar chart displays the number of occurrences for each crime type in a dataset, with rotated labels along the x-axis to accommodate longer category names. The visualization uses D3.js v7 to load a CSV file via `d3.csv`, aggregate counts with JavaScript objects, and render the chart as SVG. It employs `d3.scaleBand` and `d3.scaleLinear` for positioning, along with `d3.axisBottom` and `d3.axisLeft` to generate axes. The chart includes a title and axis labels, showing that theft or similar categories likely dominate the distribution.

VVinay Vemuri

71% match