Mass/Height

100%

✓ Published0🌍 Public

Last edited Dec 5, 2018

Created on Dec 5, 2018

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.

AI-generated description

This program prints a summary of a data table.

This data Mass and Height of 500 different people with their gender stated.

This data comes from Kaggle.

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

94% match

Loading thumbnail…

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.

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

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

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

76% match

Loading thumbnail…

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

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

75% match

Loading thumbnail…

CSV Summary

This visualization displays a minimal summary of a CSV file’s contents as oversized text, showing the number of rows, column count, and file size in kilobytes. The code loads data from a remote auto_mpg.csv file using d3.csv, then computes metrics with csvFormat and object inspection. The results are appended to the body as a pre element, with styling controlled by the styles.css file, which sets a dark background and large Ubuntu font. The example demonstrates basic data loading and text output without any interactive features.

EEK Azubuike

75% match