Data Summary

100%

✓ Published0🌍 Public

Last edited Sep 14, 2017

Created on Sep 13, 2017

This example uses the D3 v4 library to load a CSV file of automobile data and render a plain-text summary of the dataset. The code displays the total number of rows, columns, and file size, followed by a column-by-column breakdown generated by the Datalib `dl.format.summary` API. The summary is printed to the page and the console.

AI-generated description

This example summarizes a data table using Datalib. You can fork this Block and change the data to get a quick overview of the shape of your data.

This data is from UCI Machine Learning Repository: Auto MPG Data Set.

This dataset is about various models of cars, and their proprties.

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

82% match

Loading thumbnail…

Data Summary

This example loads a Pokémon dataset from a CSV and uses Datalib to generate a text-based summary, displaying the number of rows, columns, and file size, followed by per-column summaries, in a <pre> block on the page. It highlights how Datalib can quickly profile the shape of a dataset.

FFanYang715

81% match

Loading thumbnail…

Data Summary

This example displays a plain-text summary of the Abalone dataset from the UCI Machine Learning Repository. It reports the total row count, column count, and file size, followed by per-column statistics such as type, unique values, and summary metrics. The code loads the data with `d3.csv`, formats the output with `d3.csvFormat`, and computes column summaries using `dl.format.summary` from Datalib. Results appear in a `pre` element and are also logged to the console.

CCurran Kelleher

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

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

80% match

Loading thumbnail…

Data Table Summary

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.

MMihir Sawant

80% match

Loading thumbnail…

Data Summary

This example displays a textual summary of a consumer complaint dataset from Data.gov, showing the number of rows and a column-by-column breakdown after aggregating by month, product, issue, and state. It uses Datalib’s `groupby` and `count` methods to transform the CSV data, then formats the result with `dl.format.summary` and `d3.csvFormat` before rendering it in a `<pre>` element on the page. The code highlights how Datalib can compute and present data summaries directly in the browser.

CCurran Kelleher

80% match