Data Table Summary

100%

Data Table Summary

✓ Published0🌍 Public

Last edited Sep 12, 2018

Created on Sep 12, 2018

This example displays a plain-text summary of a video game franchise dataset, showing the row and column count, file size in kilobytes, and the first 10 rows formatted as JSON. It loads the data from a CSV file using `d3.csv` and uses `csvFormat` from D3 v5 to compute the size. The page renders the output in monospaced `<pre>` elements with a black background and green text, styled via CSS. The source data is a 2018 estimate from the United Nations World Population Prospects.

AI-generated description

This program prints a summary of a data table.

This data is about video game franchises that have sold or shipped at least 100 million copies.

This data comes from the year 2018 estimate in United Nations: World Population Prospects 2017.

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…

Video Game Data Summary

This example displays a summary of a video game dataset, showing the total row count, column count, and data size in kilobytes, followed by a JSON-formatted preview of the first ten rows. The visualization reads a CSV file from a remote URL using d3.csv and presents the information as plain text elements on the page, with the summary rendered in a large preformatted block. The code relies on D3 v5 functions like select, csv, csvFormat, and scaleLinear, though no chart is drawn; it purely prints textual data summaries.

EEmma Schaale

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

86% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a CSV dataset, showing the total number of rows, columns, and file size, followed by the first ten rows rendered as formatted JSON. It uses D3 v5’s `csv` and `csvFormat` functions to load and measure the data, and `select` to append `<pre>` elements to the page. The data, sourced from the World Happiness Report 2017, is displayed in a monospaced terminal style with green text on a black background.

CChooo4u

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

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

84% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a CSV dataset, reporting the row count, column count, and file size in kilobytes, followed by a JSON-formatted preview of the first ten rows. It loads the data using `d3.csv` and formats the output with `csvFormat` from D3 v5. The data originates from the United Nations World Population Prospects 2017, containing population estimates for countries from 1970 to 2017. The visualization presents this information in a monospaced, terminal-like style on a black background.

Vveagy

84% match

Loading thumbnail…

Data Table Summary

This example displays a text-based summary of a dataset from the World Happiness Report 2017, showing the row count, column count, file size in kilobytes, and the first 10 rows as formatted JSON. Using d3.csv to load the data and d3.csvFormat to calculate size, it appends the results to the DOM in monospace ’pre’ elements. The black background and green terminal-style text create a simple, console-like presentation of the data table’s structure and contents.

CChooo4u

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