Data Table Summary

100%

Data Table Summary

✓ Published0🌍 Public

Last edited Nov 8, 2018

Created on Sep 7, 2018

This example displays a text-based summary of a speed dating dataset, showing the total row and column counts, the file size in kilobytes, and the first ten rows formatted as JSON. It loads the data from a remote CSV file using D3’s `csv` method, then appends the summary and a formatted preview to the page. The code uses `csvFormat` to calculate file size and `JSON.stringify` for readable output.

AI-generated description

This program prints a summary of a data table.

This data is from a study about speed dating.

This data comes from Columbia Business School .

This study was conducted by researchers Ray Fisman and Sheena Iyengar for their paper Gender Differences in Mate Selection: Evidence From a Speed Dating Experiment.

The data was gathered in a set of experimental speed dating events. They were asked to rate their dates (and themselves) on several attributes like Intelligence, Ambitions, Attractivness, etc. It has a wide variety of variables that are explained in the doc file in the source link.

I couldn't upload the dataset which was around 4.7MB (after some trimming). The full dataset has around 8000 rows. But since the submission deadline is in a couple of hours, I'm uploading a part of it and I hope I can use the complete dataset for my visualizations.

The data is a "file" here, but the recommended approach is to upload the data seprately, as in the video below.

MIT Licensed

Similar vizzes

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

87% match

Loading thumbnail…

Data Table Summary

This example shows a plain-text summary of a tabular dataset. It prints the number of rows, columns, and file size in kilobytes, followed by the first ten rows displayed as formatted JSON. The code uses `d3.csv` to load the data, `csvFormat` to compute its size, and `JSON.stringify` to display the preview. Styled with black background and green monospace text, it renders the output into `pre` elements appended to the page body, drawing from the 2013 stock price dataset.

Vveagy

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

86% match

Loading thumbnail…

Data Table Summary

This example summarizes a CSV dataset by displaying its dimensions and a preview. It first shows the total row and column counts along with the file size in kilobytes, calculated using `csvFormat`. It then displays the first 10 rows as formatted JSON. The code loads the auto-mpg dataset via `d3.csv` and builds the text output using D3 selections to append `<pre>` elements.

MMinwoo Pak

85% match

Loading thumbnail…

Data Table Summary

This example summarizes a CSV dataset by displaying its row count, column count, and file size in kilobytes, followed by the first ten rows as formatted JSON. Two `pre` elements present this text output, styled with green monospace text on a black background. The data originates from the Lending Club loan dataset, though the code uses a simpler ten-country population sample. It loads the file with `d3.csv`, computes the size via `d3.csvFormat`, and renders the output using D3 selections with `select` and `append`.

MMukund Khandelwal

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

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

84% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a CSV data table, showing row count, column count, file size, and the first 10 rows as formatted JSON. It uses d3.csv to load the data and d3.csvFormat to compute its byte size. The page renders the information in green monospace text on a black background, with the data sourced from the United Nations World Population Prospects 2017.

Vveagy

84% match