Skip to main content
SimilarExport ZIP
100%

Summary Statistics for Boston Crime Data

✓ Published1🌍 Public
LLeah Mitchell
Last edited Sep 27, 2021
Created on Sep 6, 2021

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.

AI-generated description

Loading and calculating summary statistics for a Boston Crime dataset.

Data from: https://gist.github.com/LeahMitchell/1995469479ed07a95eabb8625b32807a

MIT Licensed

Similar vizzes

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
90% 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
84% 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
81% 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
80% 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
78% match
Loading thumbnail…

Boston Housing data

This example displays a plain-text summary of the Boston Housing dataset, reporting the row count, column count, and file size in kilobytes, followed by the first ten rows of data as formatted JSON on a black terminal-style background. It uses the D3 library’s `csv` and `csvFormat` functions to fetch and measure the remote CSV file, while `select` appends the text elements to the page. The data source is the Kaggle-hosted Boston housing dataset, which includes features like crime rate and nitrogen oxides concentration.

Ddielaenge
78% match
Loading thumbnail…

Summary Statistics for Marvel Power Data

This example displays summary statistics for Marvel power data, showing the file size in kilobytes, row count, and column count in large text. It loads a CSV file from a GitHub gist using `d3.csv` and formats the output with `d3.csvFormat` to measure data size. The visualization also includes commented alternatives using `fetch` with async/await and `d3.csvParse`, demonstrating different loading approaches. The page renders statistics in a styled `<pre>` element using D3 v5.

LLeah Mitchell
77% 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
77% match