Data Summary

100%

✓ Published0🌍 Public

Last edited Sep 15, 2017

Created on Sep 15, 2017

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.

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 Pokemon, Pokemondb, and Bulbapedia.

This dataset is about 1062 Pokemon, including their id, ndex, species, forme, first and second type, first ability and second ability, and etc.

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/f849f374f21c490c5490d501636bdb77'>Data Table Summary</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Data Table Summary

This example displays a concise text summary of a Pokémon dataset from the first three generations, showing row count, column count, and file size, followed by the first ten rows in JSON format. Built with d3.v5, it uses `select` to target the body, `csv` to asynchronously load the dataset from a URL, `csvFormat` to compute the data size, and `JSON.stringify` to pretty-print the sample rows against a black terminal-style background.

MMihir Sawant

85% match

Loading thumbnail…

Data Summary

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.

CCurran Kelleher

81% match

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

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

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

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

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

77% match