Mass/Height

Mass/Height

This visualization prints a summary of a dataset containing the mass and height of 500 people, along with their gender, sourced from Kaggle. It loads the CSV file using D3’s `csv` function, then displays the row count, column count, and estimated file size in kilobytes via `csvFormat`. The interface presents the first 100 rows as pre-formatted JSON text on a black background with green terminal-style text. The code relies on D3 v5’s `select`, `append`, and `text` methods to build the output without any graphical chart.

94% match

Mass/Height

This example displays metadata about a car dataset, including row count, column count, and size in kilobytes, followed by a JSON preview of the first 100 records. It uses D3 v5’s `csv` method to load the data from a VizHub URL and `csvFormat` to calculate the kilobyte size. The output is rendered as plain text in `pre` elements, with a terminal-style black background and green monospace styling.

84% match

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

500 Weight/Height

This example displays a plain-text summary of a dataset about cars sourced from the UCI Machine Learning Repository’s Auto MPG Data Set. The visualization reports the total number of rows, columns, and file size in kilobytes, followed by a JSON-formatted listing of the first 100 rows. It uses the `d3.csv` and `d3.csvFormat` APIs to fetch and measure the data, then appends the output to the page using the `select` method, with styling defined in a separate CSS file.

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

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

Data Table Summary

This example displays a plain-text summary of a car dataset through D3 v5. It loads a CSV file with approximately 400 records and outputs the total row count, column count, and file size in kilobytes. The page then prints the first 10 rows as formatted JSON for quick inspection. Using `d3.csv` and `d3.csvFormat`, the code calculates data metrics and appends the results to the DOM with the `select` and `append` APIs.

Ssrrajendran

500 Weight/Height

This example displays a plain-text summary of a dataset containing Norwegian new car sales by model. It shows the total number of rows, columns, and file size in kilobytes, followed by the first 100 rows formatted as JSON. The code uses d3.csv to load the data from a VizHub-hosted CSV file, then appends the summary and data to the page using d3.select and append. The dataset comes from the UCI Machine Learning Repository, though the visualization is an early iterative check rather than a finished chart.