Skip to main content
SimilarExport ZIP
100%

Dataset 3 - Auto-mpg

✓ Published0🌍 Public
YYiyi Wu
Last edited Sep 11, 2024
Created on Sep 9, 2024

This example loads the Auto-mpg dataset from a CSV file and displays the first record as a JSON object in a preformatted block. The code uses the native `JSON.stringify` method and template literals to render the data, setting a large font size for readability. The dataset includes car specifications such as mpg, cylinders, horsepower, weight, and origin, sourced from the UCI Machine Learning Repository. The visualization provides a simple, raw preview of the data structure rather than an interactive chart.

AI-generated description

The Auto-mpg Dataset, loaded and parsed as CSV.

Tasks

  • Analyze the Relationship Between MPG and Car Attributes
  • Compare fuel efficiency across cars from different origins
  • Identify Outliers in Car Performance
  • how fuel efficiency has changed over time (across decades or model years)
  • Group cars based on attributes like weight, horsepower, and MPG to identify distinct car segments

Dataset Introduction

The data is technical spec of cars. The dataset is downloaded from UCI Machine Learning Repository

Dataset Description

  • mpg: continuous
  • cylinders: multi-valued discrete
  • displacement: continuous
  • horsepower: continuous
  • weight: continuous
  • acceleration: continuous
  • model year: multi-valued discrete
  • origin: multi-valued discrete
  • car name: string (unique for each instance)
MIT Licensed

Similar vizzes

Loading thumbnail…

Auto-MPG Summary

This example displays a text summary of the Auto MPG dataset, showing the total number of rows, columns, and file size in kilobytes, followed by the first ten rows formatted as JSON. The visualization uses D3 v5’s `csv` and `csvFormat` functions to load and measure the data, and `select` to append `<pre>` elements to the page body. The data originates from the UCI Machine Learning Repository’s Auto MPG Data Set, with the interface styled as a green-on-black monospace terminal.

Ssherryyx
82% 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
82% match
Loading thumbnail…

Auto MPG Summary

This visualization presents a summary of the auto-mpg dataset from the UCI Machine Learning Repository. Upon loading, the page displays three key statistics: the total row count, column count, and file size in kilobytes. Following this overview, the first ten rows of the dataset are rendered as formatted JSON text directly in the browser. The implementation uses d3.v6’s `csv` and `csvFormat` functions to fetch and process the data, while the `select` function appends results to the page body.

PPiotr Paszek
81% 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
80% match
Loading thumbnail…

Auto MPG Summary

This visualization displays a summary of an automobile dataset. It shows the total number of rows, the number of columns, the dataset size in kilobytes, and a preview of the first ten rows as formatted JSON. The program fetches data from a CSV file hosted on VizHub, sourced from the UCI Machine Learning Repository’s Auto MPG dataset. It uses the D3.js `select`, `csv`, `csvFormat`, and `append` APIs to render the information in styled `pre` elements on a black background.

Hhenry1987
80% 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
80% 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
79% 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
79% match