Fork of Data Table Summary

100%

Fork of Data Table Summary

✓ Published0🌍 Public

Last edited Jan 3, 2021

Created on Jan 3, 2021

This example displays a summary of a tabular dataset, showing the row and column counts, the data size in kilobytes, and the first ten rows formatted as JSON. The code fetches COVID-19 case data from NYC Health’s GitHub repository using `d3.csv`, then appends `<pre>` elements to the body via `d3.select`. It relies on `csvFormat` to calculate file size and `JSON.stringify` to pretty-print the sample rows. The terminal-style black background with green text is set in CSS.

AI-generated description

This program prints a summary of a data table.

This data is about population of the most populous countries in 2018.

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…

Fork of Data Table Summary

This example displays a plain-text summary of a 2018 United Nations population dataset, showing row count, column count, file size in kilobytes, and the first 10 rows as formatted JSON. The code uses `d3.csv` to load the data, `csvFormat` to measure its byte length, and D3 selections (`select`, `append`) to write results into `<pre>` elements. The black background with green monospace text creates a terminal-like aesthetic, though no interactive or graphical visualization is present.

BBeihaiTianming

87% match

Loading thumbnail…

Fork of Fork of Data Table Summary

This example displays a summary of a diabetes awareness dataset, showing the total row count, column count, and file size in kilobytes, followed by a JSON preview of the first ten rows. It uses D3 v5’s `csv` method to load data from a remote CSV file hosted on GitHub, then appends the summary and preview as text elements to the page body using `select` and `append`. The dataset originates from a survey on pregnancies, blood pressure, and diabetic status, and the page includes a background image and link to the raw data source.

VVineela Reddy

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

86% match

Loading thumbnail…

Fork of Fork of Fork of Data Table Summary

This example displays a quick statistical summary of a diabetes survey dataset, showing the total row count, column count, and file size in kilobytes, followed by a preview of the first ten rows in JSON format. It uses D3 v5’s `csv` method to load the external data and `csvFormat` to compute its size, while the document body is styled with custom CSS that includes a khaki background, a GIF image, and dotted borders. The SVG in the HTML contains a background image and links to the raw data file.

VVineela Reddy

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

84% match

Loading thumbnail…

Fork of Data Table Summary

This example shows a text-based summary of a 2018 United Nations population dataset for the ten most populous countries, displaying row and column counts, file size in kilobytes, and the first 10 rows as formatted JSON. It uses d3.csv to load the data, d3.csvFormat to compute the data’s size, and d3.select to append <pre> elements to the body. The black background with green monospaced text gives the output a terminal-like appearance.

Llazuardi21

84% match

Loading thumbnail…

Fork of Fork of Fork of Data Table Summary

This example displays a summary of a diabetes awareness dataset, presenting the total row and column counts alongside a preview of the first ten records in JSON format within a web page. The visualization uses D3 v5’s `select`, `csv`, and `csvFormat` functions to fetch and process the data from a remote CSV file, while also rendering an SVG background image and additional text elements. The page incorporates a large header and a hyperlink to the external data source, with the results displayed in styled `<pre>` tags.

Aajaysonu

84% match

Loading thumbnail…

Fork of Data Table Summary

This fork of a Data Table Summary uses D3 v5 to load a 2018 United Nations population dataset from a CSV file and display basic summary statistics. The visualization prints the total number of rows, columns, and file size in kilobytes, followed by the first ten rows of data as JSON. The code demonstrates D3’s `csv` and `csvFormat` functions for data parsing and formatting, presenting results in simple text blocks on a black background.

VVineela Reddy

84% match