Mass/Height

100%

✓ Published1🌍 Public

Last edited Dec 3, 2018

Created on Dec 3, 2018

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.

AI-generated description

This program prints a summary of a data table.

This data is about cars.

This data comes from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Mass/Height

This example prints a summary of a dataset containing the mass and height of 500 people, along with their gender. It displays the row and column counts, the estimated file size in kilobytes, and the first 100 rows as formatted JSON. The code loads the CSV from a Kaggle-sourced URL using `d3.csv`, then uses `select` and `append` to render the text into `<pre>` elements, with `csvFormat` calculating the data size.

Cceltic660

84% match

Loading thumbnail…

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.

Cceltic660

83% match

Loading thumbnail…

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.

Cceltic660

81% match

Loading thumbnail…

500 Weight/Height

This example displays a table summary of automobile data from the UCI Machine Learning Repository’s Auto MPG dataset, showing row count, column count, and file size in kilobytes. It also renders the first 500 rows as formatted JSON text. The visualization uses `d3.csv` to load the data, `csvFormat` to calculate byte size, and `select` to append `<pre>` elements displaying the summary and data in a terminal-style monospace layout. The black background and green text evoke a classic command-line interface.

Cceltic660

80% match

Loading thumbnail…

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

79% match

Loading thumbnail…

Auto MPG Summary

This example displays a text-based summary of the Auto MPG dataset, showing the total row count, column count, and file size in kilobytes, followed by the first ten rows as pretty-printed JSON. The page uses D3 v5’s `csv` and `csvFormat` functions to load and measure the data from a VizHub-hosted CSV file, while `select` and `append` build the `<pre>` elements. The black background and green monospace text create a terminal-like aesthetic for the output.

LLM2020

78% match

Loading thumbnail…

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.

Cceltic660

78% match

Loading thumbnail…

Data Table Summary

This example summarizes a CSV dataset by displaying its dimensions and a preview. It first shows the total row and column counts along with the file size in kilobytes, calculated using `csvFormat`. It then displays the first 10 rows as formatted JSON. The code loads the auto-mpg dataset via `d3.csv` and builds the text output using D3 selections to append `<pre>` elements.

MMinwoo Pak

77% match