Skip to main content
SimilarExport ZIP
100%

Data Table Summary

✓ Published1🌍 Public
CChooo4u
Last edited Sep 25, 2018
Created on Sep 12, 2018
Forked from 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.

AI-generated description

This program prints a summary of a data table.

This data is about share of people who say they are 'very happy' or 'rather happy'.

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 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
100% 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
96% 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
95% match
Loading thumbnail…

Data Table Summary

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.

CChooo4u
89% 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
87% 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
86% match
Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a dataset containing World Bank GDP figures for all countries from 1970 to 2017. It reports the row count, column count, file size in kilobytes, and prints the first ten rows as formatted JSON. Using D3 v5’s `csv` and `csvFormat` methods, it loads the remote CSV file and calculates the data size, then appends the results to the page with `select` and `append`. The dark terminal-style styling comes from the accompanying CSS.

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