Age summary

100%

✓ Published0🌍 Public

Last edited Jun 10, 2023

Created on Jun 10, 2023

This example displays the first ten rows of the UCI Auto MPG automobile dataset as raw JSON text on a black background. It shows how to load external CSV data using D3’s `csv` method, then formats the parsed array with `JSON.stringify` for output. The page is styled with custom CSS, uses D3 v5, and appends the data summary to the body via `select` and `append`.

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…

Auto MPG Summary

This example displays a text-based summary of a CSV data file about car attributes from the UCI Machine Learning Repository. It first prints the total number of rows, columns, and the file size in kilobytes, then shows the first ten rows of the dataset as a JSON-formatted string. The code uses d3.csv to load the data, d3.csvFormat to calculate its size, and d3.select to append the output to the page. All content is rendered in a monospace style on a black background.

GGiovanniD_

84% match

Loading thumbnail…

Auto MPG Summary

This example displays a text-based summary of the Auto MPG dataset from the UCI Machine Learning Repository. It shows the number of rows, columns, and data size in kilobytes, followed by the first ten rows as a JSON string. The visualization uses d3.select to append pre elements to the body, and d3.csv to load the data from a CSV file. The page is styled with a black background and green monospace text, matching a terminal aesthetic.

LLudovicGouverneur

84% match

Loading thumbnail…

Auto MPG Summary

This example summarizes the Auto MPG dataset from the UCI Machine Learning Repository by displaying the dataset’s row count, column count, and size in kilobytes, followed by the first 10 rows as JSON. The visualization uses D3 version 5 APIs including `select`, `csv`, and `csvFormat` to fetch and process the data, then appends text elements to the HTML body. The output is styled with monospace text on a black background, using green terminal-like aesthetics.

Bbambaleq

83% match

Loading thumbnail…

Auto MPG Summary

This example displays a plain-text summary of the Auto MPG dataset from the UCI Machine Learning Repository, showing the row count, column count, and file size in kilobytes, followed by the first 10 rows as formatted JSON. The code uses d3.csv to load the data, csvFormat to compute its size, and d3.select to append the summary and data preview to the DOM. A retro terminal aesthetic is created with black background, green text, and large monospaced pre elements.

Yyktan89

83% match

Loading thumbnail…

Auto MPG Summary

This example displays a text-based summary of the Auto MPG dataset from the UCI Machine Learning Repository. It shows the total row count, column count, and data size in kilobytes, followed by the first ten rows printed as formatted JSON. Using D3’s `select`, `csv`, and `csvFormat` functions, it loads the remote CSV file and appends `<pre>` elements to the DOM. The page applies a black background with green terminal-style text via CSS.

NNilla

83% match

Loading thumbnail…

Auto MPG Summary

This example displays a plain-text summary of the Auto MPG dataset from the UCI Machine Learning Repository, showing the total row count, column count, and file size in kilobytes, followed by a JSON-formatted preview of the first 10 rows. The page uses D3 v5’s `csv` method to load the external CSV file and `csvFormat` to compute its size, then appends the results to the DOM using `d3.select` and `append`. The monospace, green-on-black terminal-style styling comes from simple CSS rules.

Pputrafandy

83% match

Loading thumbnail…

Uploading datasets #1

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 of data in JSON format. Using D3 v7, the code fetches the CSV from the UCI Machine Learning Repository via `d3.csv`, formats the data with `d3.csvFormat`, and appends the output to the body using `d3.select`. The interface renders in a monospace console-like style with black background and green text.

JJamesHop31

82% match

Loading thumbnail…

Auto MPG Summary

This example loads the Auto MPG dataset from UCI Machine Learning Repository and displays a summary of its contents in the terminal-styled interface. It shows the total row count, column count, approximate file size in kilobytes, and the first 10 rows as formatted JSON. The code uses d3.csv to fetch the data and d3.csvFormat to compute its size, then renders text via d3.select and DOM element appends. The black background with green monospace text evokes a classic console aesthetic.

DDi Zhen

82% match