Data Table Summary

100%

Data Table Summary - Dataset 2

✓ Published0🌍 Public

Last edited Sep 5, 2018

Created on Sep 5, 2018

This example shows a plain-text summary of a coffee quality dataset displayed on a black terminal-like page with green monospace text. It reports the number of rows, columns, and file size in kilobytes, then prints the first ten rows as formatted JSON. The visualization uses D3 v5’s `select`, `csv`, and `csvFormat` functions to load and measure the CSV data, and appends the statistics and JSON output to the page body with `pre` elements. The data originates from the Coffee Quality Institute’s database.

AI-generated description

These data were scraped from the Coffee Quality Institute by James LeDoux, and are currently hosted in his GitHub repo. The data originally included just over 1,300 ratings; the last 300 or so were removed in order to fit the criteria for this project.

Attributes shown in the dataset include the source and manufacturer, certain methods of manufacturing, and taste and flavor ratings.

MIT Licensed

Similar vizzes

Loading thumbnail…

This example displays a text-based summary of a beer dataset loaded from a CSV file, showing the total row count, column count, and file size in kilobytes, followed by the first ten rows as formatted JSON. The code uses D3 v5 methods `select` and `csv` to fetch and parse the data, then appends `pre` elements to the body. The text is styled with a black background and green monospace font via CSS. The dataset originates from Jean-Nicholas Hould’s craft-cans collection on Kaggle.

Jjons288

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

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

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

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

81% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a tabular dataset, showing the total row count, column count, and file size in kilobytes. It then prints the first ten rows as formatted JSON. The visualization uses D3 v5 APIs such as `d3.csv` to load the data, `d3.csvFormat` to measure its size, and `d3.select` to append `<pre>` elements to the page. The data consists of daily high and low stock prices for five companies sourced from Yahoo Finance.

Vveagy

80% match

Loading thumbnail…

Data Table Summary

This visualization displays a plain-text summary of a CSV file containing product data, showing the total number of rows, columns, and file size in kilobytes, followed by the first ten records as formatted JSON. The code uses D3 v5’s `select` and `csv` functions to fetch and parse the data, then appends `<pre>` elements to the page body. The dataset includes product names, prices, SKU numbers, and promotional details from an e‑commerce listing. The dark background with green monospaced text evokes a terminal aesthetic.

NNikkor

80% match

Loading thumbnail…

Data Table Summary - Dataset 3

This example displays a text-based summary of a dataset containing music listening history. It shows the total row count, column count, and file size in kilobytes, followed by the first ten rows of data presented as a formatted JSON object. The visualization uses the D3 library's `csv` and `csvFormat` functions to parse the data and calculate its size. The data originates from a last.fm profile, and the output is styled with a terminal-like aesthetic using black background and green text.

OOxfordComma

80% match