Data Table Summary

100%

Data Table Summary

✓ Published0🌍 Public

Last edited Sep 26, 2018

Created on Sep 12, 2018

This example summarizes a CSV data table of self-reported life satisfaction by country and year from the World Happiness Report 2017. It displays the total row count, column count, and file size, followed by the first 10 rows of data as formatted JSON. The page uses d3.csv to load the dataset, d3.csvFormat to measure its size, and d3.select to append the results to the DOM as preformatted text.

AI-generated description

This program prints a summary of a data table.

This data is about self-reported life satisfaction over the world from 2008 to 2016

This data comes from the World Happiness Report 2017 in Our World in Data: Happiness and Life Satisfaction.

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

90% match

Loading thumbnail…

Data Table Summary

This example displays a text-based summary of a dataset about happiness percentages from the World Happiness Report 2017, showing row count, column count, file size in kilobytes, and the first ten rows as formatted JSON. It uses D3 v5’s `csv` and `csvFormat` functions to load and measure the data, then appends `<pre>` elements to the page body with `select` and `append`. The interface applies a retro terminal aesthetic with a black background and green monospace text via CSS.

CChooo4u

89% match

Loading thumbnail…

Data Table Summary

CChooo4u

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

88% match

Loading thumbnail…

World Happiness 2017

This example prints a textual summary of the World Happiness 2017 dataset, showing row and column counts, file size, and the first ten rows as JSON. It loads the data from a CSV using `d3.csv`, formats it with `csvFormat`, and renders the output to the DOM via `d3.select` and `append`. The data originates from Kaggle, credited to the World Happiness Report.

Ddielaenge

83% match

Loading thumbnail…

World Happiness Report

This example displays the World Happiness Report dataset, summarizing its size and previewing the first ten rows. It shows the number of rows, columns, and file size in kilobytes, followed by a JSON-formatted listing of the initial data entries. The page renders this textual information in a terminal-style interface with a black background and green monospace text. It uses D3 v5 functions such as `select`, `csv`, and `csvFormat` to load and process the CSV data from a remote Kaggle source, then appends the results as `<pre>` elements to the body.

NNTCHANG1289

82% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a CSV dataset listing the most populous countries in 2018, showing the row count, column count, file size in kilobytes, and the first ten rows as JSON. It loads the data with `csv` from D3 v5, formats the data back to CSV using `csvFormat` to calculate its size, and appends the results as `<pre>` elements. The data originates from the United Nations’ World Population Prospects 2017 estimates.

Vveagy

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

82% match