Data Table Summary

100%

Data Table Summary

✓ Published0🌍 Public

Last edited Nov 7, 2018

Created on Sep 7, 2018

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.

AI-generated description

This program prints a summary of a data table.

This data is about the stats (from the popular video games) of Pokemon from the first 3 generations (first 386 pokemon).

This data comes from Pokeapi.

I called the API for the statistics of the first three generations of Pokemon (since I've only played those games). I cleaned the JSON file received to retain some basic statistics, like the attack stat, defence, etc., of the Pokemon and converted the data into CSV.

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

85% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a CSV file, showing the row count, column count, and file size in kilobytes, followed by the first 10 rows as formatted JSON. The visualization uses D3 v5’s `select` and `csv` APIs to load and parse the data, then writes the output into `pre` elements on a black background with green monospace text. The data, sourced from a file about Mario game sales, is processed entirely in the browser without additional rendering libraries.

CChooo4u

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

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

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

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

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

82% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a CSV data table, showing the row count, column count, and file size in kilobytes, followed by the first 10 rows formatted as JSON. It uses D3 v5’s `csv` loader to fetch `data.csv`, which contains 2018 population estimates from the United Nations World Population Prospects. The code relies on `select` to append `<pre>` elements and `csvFormat` to compute the data’s size, presenting the results with a terminal-style green-on-black styling.

Vveagy

82% match