Data Table Summary

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.

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 ten rows formatted as JSON. The visualization uses d3.csv to load the data, d3.csvFormat to compute the size, and d3.select to append the summaries to the page. The data comes from Yahoo Finance stock prices for five companies.

Data Table Summary

Data Table Summary

Data Table Summary

This example summarizes a stock price dataset by displaying the total row count, column count, and file size in kilobytes using D3’s `csv` and `csvFormat`. It then shows the first ten rows of the data as formatted JSON. The data comes from Yahoo Finance’s Basic Materials sector, covering daily high and low prices for five companies over five years, and the output is styled with black background and green monospace text.

92% match

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.

90% match

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.

89% match

Data Table Summary

This example displays a plain-text summary of a CSV file containing daily high and low stock prices for five companies (RIG, FCX, VALE, SWN, HAL) from 2013. It shows the total row count, column count, and approximate file size in kilobytes, followed by the first ten rows as formatted JSON. The code uses d3.csv to load the data, d3.csvFormat to compute the file size, and d3.select to append the text to the DOM.