Data Table Summary

100%

Data Table Summary

✓ Published3🌍 Public

Last edited Sep 12, 2018

Created on Sep 12, 2018

This example summarizes the structure and content of a small CSV file containing sales figures for the top five best-selling Mario video game series. The visualization displays a plain-text report showing the number of rows, columns, and file size in kilobytes, followed by a JSON-formatted preview of the first 10 rows. Built with D3.js v5, the code uses the `csv` function to load the data and `select` to append `<pre>` elements to the document body. The data originates from a 2018 estimate in the United Nations World Population Prospects, though the displayed file contains Mario game sales.

AI-generated description

This program prints a summary of a data table.

This data is about top 5 best-selling Mario series video game of all time.

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…

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

CChooo4u

82% match

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

79% match

Loading thumbnail…

Video Game Sales

This example reads a CSV file of video game sales data from a public GitHub gist, originally sourced from Kaggle, and displays a plain-text summary of its size and structure. It shows the file’s approximate size in kilobytes, the row count, and the number of columns. The code uses D3.js v5’s `d3.csv` to parse the remote data and `d3.csvFormat` to measure its length, then writes the summary into a large `<pre>` element. Alternate commented approaches demonstrate `fetch` with `async/await` and `d3.csvParse`.

Ggeorgeeeee

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

78% match

Loading thumbnail…

Videogame sales

This example presents a minimal summary of the Videogame Sales dataset, displaying its size in kilobytes, row count, and column count as large text. It uses D3 v5 to load the remote CSV file via `d3.csv`, converts the data with `d3.csvFormat`, and reports the byte length before updating the page content. The visualization focuses on data loading and parsing rather than graphical representation, showcasing D3’s CSV utilities.

VVamsi Bhargav Sukamanchi

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

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

77% match