Sports Car Prices Dataset

100%

Sports Car Prices Dataset

✓ Published0🌍 Public

Last edited Sep 11, 2025

Created on Sep 11, 2025

This example loads a sports car dataset and displays its raw contents as a formatted JSON preview. The visualization fetches a CSV file containing 1,000 rows of car specifications (make, model, year, engine size, horsepower, torque, 0-60 time, and price) using the Fetch API and parses it with `d3.csvParse`. The parsed data is stored in a state object managed through a custom `setState` function, while D3's `select` and `join` operations render the data in a `<pre>` element. The page updates reactively whenever the state changes, initially showing "LOADING" before the data arrives.

AI-generated description

This dataset describes various sports cars, including their make, model, year, and specs. The data contains 8 attributes and 1000 rows, which include:

Make: Qualitative Model: Qualitative Year: Quantitative Engine Size: Quantitative Horsepower: Quantitative Torque: Quantitative 0-60 Time: Quantitative Price: Quantitative

https://www.kaggle.com/datasets/rkiattisak/sports-car-prices-dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Loading Data - Cars Data

This example displays raw car data loaded from a CSV file by parsing it with D3’s `csvParse` and rendering it as a JSON string using `JSON.stringify`. The visualization shows the dataset’s structure, including categorical attributes like company and fuel type, alongside quantitative fields such as horsepower, price, and top speed. The code uses `fetch` to retrieve the CSV, then maps each row without cleaning the text-based numeric values, preserving them as strings. D3 selections manage the `<pre>` element that displays the parsed data.

Rrpkupfer@wpi.edu

77% match

Loading thumbnail…

Cars Report

This example visualizes a small dataset of five used cars with their make, model, year, and price. It loads D3 via UNPKG and imports car data from a local ES6 module using `JSON.parse`. The page renders the raw data into an HTML `<pre>` element with large font size, demonstrating basic module imports and D3 integration with minimal setup.

HHaniAlHawasli

76% match

Loading thumbnail…

Cars

This example demonstrates how to load and display semi-structured JSON data about cars using D3.js v5 and ES6 modules. The data is embedded in a JavaScript file and parsed with `JSON.parse` before being exported for use in the main application. The index page sets static text content into a preformatted element, although the exported car dataset is available for potential visualization. The code imports D3 from a CDN and styles the document using an external CSS file. No interactive or dynamic visual rendering is present in the current implementation.

EEric Booker

76% match

Loading thumbnail…

Cars Report

This example displays a short list of used cars with their make, model, year, and price, sourced from a static JSON array defined in `cars.js`. The visualization renders the data as plain text on a webpage, with a large "Hello" message styled via CSS. It uses D3 v5, loaded from a CDN, but the code primarily relies on standard JavaScript `JSON.parse` and DOM manipulation rather than D3-specific data-binding or layout methods.

Yylzami40

76% match

Loading thumbnail…

Cars Report

This example displays the make of the first car in a small embedded dataset, rendering the text “Honda” in large type. It demonstrates importing and parsing JSON data with `JSON.parse` and updating the DOM via `document.getElementById` in `index.js`. The page uses D3 v5 loaded from a CDN, but relies on plain JavaScript rather than D3-specific APIs for the visualization. The dataset contains five car records with year, make, model, and price fields.

Ggpfstuff

75% match

Loading thumbnail…

Cars Report

This visualization displays a report of cars, showing their year, make, model, and price. The code loads a hardcoded JSON array of car data, parses it, and computes a simple message. The example uses D3 v5 to render the data in an HTML page, though the main display element is a pre tag styled with large font. The visualization highlights the integration of data parsing and page rendering, with the core logic in JavaScript using the JSON.parse API.

TTsing

75% match

Loading thumbnail…

cars report

This example displays the make of the first car in a small JSON dataset as plain text on a webpage. It loads D3 via UNPKG and uses local ES6 modules to import and parse the car data with `JSON.parse`. The index.js file selects a DOM element by ID and sets its text content, while CSS styles the message with a large font size. The visualization demonstrates basic data loading, module imports, and DOM manipulation with D3 v5.

Mmanishabehera

75% match

Loading thumbnail…

Cars Report

This example displays a list of used cars with their year, make, model, and price. The data is defined as a JSON array in a local ES6 module, parsed with `JSON.parse`, and rendered as formatted text in a `<pre>` element by setting its `textContent`. The page loads D3 via UNPKG and imports the data using ES6 `import` syntax, demonstrating modular code organization. No charts or D3 visualization functions are used in the visible behavior.

YYi-Qing

75% match