Data Table Summary

100%

Data Table Summary

✓ Published0🌍 Public

Last edited Oct 24, 2018

Created on Sep 14, 2018

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.

AI-generated description

This data is about crime in chicago - filtered to Dec 2017 (due to size contraints)

This data comes from the year 2017 from chicago public record: https://data.cityofchicago.org/Public-Safety/Crimes-2017/d62x-nvdr

MIT Licensed

Similar vizzes

Loading thumbnail…

Data Table Summary

This example displays a summary of an MLB team statistics dataset from 2013–2016, sourced from Statcrunch. It shows the total number of rows, columns, and file size in kilobytes, followed by the first ten rows of data formatted as JSON. Using D3 v5, the visualization loads the CSV data with `d3.csv` and `csvFormat`, then appends the summary and preview to the page as `pre` elements. The black background and green monospaced text evoke a terminal interface.

Wwangjonathan

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

80% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a car dataset through D3 v5. It loads a CSV file with approximately 400 records and outputs the total row count, column count, and file size in kilobytes. The page then prints the first 10 rows as formatted JSON for quick inspection. Using `d3.csv` and `d3.csvFormat`, the code calculates data metrics and appends the results to the DOM with the `select` and `append` APIs.

Ssrrajendran

80% match

Loading thumbnail…

Data Table Summary

This visualization displays a summary of a dataset loaded from a CSV file, showing the row and column counts alongside the file size in kilobytes. It then prints the first 10 rows of data as a formatted JSON object. The code uses `d3.csv` to fetch and parse the data, `d3.csvFormat` to measure the data size, and `d3.select` to append `<pre>` elements displaying the textual output.

SShane Carey

79% match

Loading thumbnail…

Data Table Summary

The example displays a plain-text summary of a CSV dataset, first showing the total row count, column count, and file size in kilobytes, then printing the first ten rows as formatted JSON. It loads data asynchronously with `d3.csv` and uses `d3.csvFormat` to calculate the dataset size. The page styling uses a monochrome terminal aesthetic with a black background and green text. The dataset tracks diaper change patterns for a baby over its first 2.5 months, including status and leakage indicators.

Ssrrajendran

79% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a CSV data table about population estimates for the most populous countries in 2018. It shows the number of rows, columns, and file size in kilobytes, followed by the first 10 rows of the data formatted as JSON. The visualization uses d3.csv to load the data and d3.csvFormat to calculate the size, then writes results into <pre> elements via d3.select. The styling adopts a green-on-black terminal aesthetic from the provided CSS.

Ffloresh

79% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a loaded CSV file, showing the total row count, column count, and file size in kilobytes, followed by the first ten rows formatted as JSON. It imports `select`, `csv`, and `csvFormat` from D3 v5 to fetch `data.csv` and compute the byte length. The output renders in a monospace `<pre>` element styled with green-on-black terminal colors. The dataset describes daily high and low stock prices for several tickers, sourced from a 2018 United Nations population report.

Vveagy

79% match

Loading thumbnail…

Data Table Summary

This visualization displays a summary of a CSV dataset containing CDC NORS outbreak reports from 2015 to 2016. It prints the total row count, column count, and file size in kilobytes, then shows the first ten rows as formatted JSON. The code uses d3.csv to load data.csv and d3.csvFormat to calculate its size, with d3.select appending pre elements to the body for output.

RRyan Fleming

79% match