Skip to main content
SimilarExport ZIP
100%

Super Car Sales

✓ Published2🌍 Public
55577Satvik
Last edited Mar 2, 2023
Created on Mar 2, 2023
Forked from ICE5

This visualization presents meta-information about a car sales dataset, displaying the file size, row count, and column count in a large, bold text overlay. The page centers a custom background SVG image of a car, with red headings and a hyperlink to the raw CSV data file hosted on GitHub Gist. The example uses the D3.js library, specifically the `d3.csv` and `d3.csvFormat` APIs, to fetch and analyze the dataset, then updates a `<pre>` element with the computed summary.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Super Car Sales

This example displays a summary of metadata for a car sales dataset, showing the file size, row count, and column count after loading a CSV file. The page uses D3.js’s `d3.csv` to fetch and parse the data from a GitHub Gist, and `d3.csvFormat` to calculate the byte size. The results are rendered into an HTML `<pre>` element, with a centered background image of a car and red headings, all styled via CSS. The visualization focuses on presenting basic dataset statistics rather than graphical charts.

55577Satvik
90% match
Loading thumbnail…

Car Sales

This example displays a text-based summary of a car dataset. It outputs the number of rows, columns, and file size in kilobytes, followed by the first 100 rows in JSON format. The visualization uses D3’s `select` and `csv` functions to load data from a UCI Machine Learning Repository dataset, and renders the output as black-and-green monospaced text. The code relies on `csvFormat` to calculate the data size.

Cceltic660
82% match
Loading thumbnail…

Car Sales

This example displays a text-based summary of a car dataset. It outputs the number of rows, columns, and file size in kilobytes, followed by the first 100 rows in JSON format. The visualization uses D3’s `select` and `csv` functions to load data from a UCI Machine Learning Repository dataset, and renders the output as black-and-green monospaced text. The code relies on `csvFormat` to calculate the data size.

Cceltic660
82% match
Loading thumbnail…

Car2

This example displays a dataset of cars and their origin information, presenting the data size in kilobytes, row count, and column count as text on a webpage. The visualization uses D3.js version 7 to load a CSV file from a GitHub gist via the `d3.csv` method. The page is built with HTML and includes styling for the header and message container. The code also references an SVG illustration of a car, though it is not actively rendered by the JavaScript.

RRakshithaRao27
81% match
Loading thumbnail…

Untitled

This example displays metadata about a motor vehicle sales dataset, including its size in kilobytes, row count, and column count. The data is loaded from a CSV file using D3 v7’s `csv` method, and the summary text is rendered inside an HTML `<pre>` element. The page uses CSS background images from external SVG URLs for visual styling, with JavaScript calculating the dataset’s size via `csvFormat().length`.

Vvineeth-001
79% match
Loading thumbnail…

Car Selling Details Dataset

This example displays basic metadata about a car selling details dataset, showing the file size in kilobytes, the number of rows, and the number of columns. Using d3.csv with D3 v5, it fetches a CSV file from a GitHub gist and reports these statistics on a blue preformatted text element. The code also demonstrates alternative approaches with fetch and async/await, along with a commented-out pyramid-of-doom pattern, all leading to the same summary output.

RRyanYun0017
79% match
Loading thumbnail…

Car Data

This example displays a set of car listings formatted as text strings, showing year, make, model, and price in South African Rand. The visualization renders the formatted car data into an SVG container using D3 v4 within a React framework. Data is loaded asynchronously from a CSV file using the `csv` function, while the `fileBack` module selects the SVG element. The page includes a large text display for the root data and a message section, with minimal CSS styling that hides overflow.

DDante L. Lentsoe
79% match
Loading thumbnail…

Car Data

This example displays a car listing with the year, make, model, and price in South African rand, rendered as a large text element in an SVG-based page. The visualization loads data from a CSV file containing country population figures, though the primary car data is formatted via a custom `carFormat` function. The code uses D3 v4's `select` and `csv` methods to read data, while a separate `svgMan.js` module also selects the SVG element. The page includes a 1000x500 SVG canvas with minimal styling, and the project follows a React-based structure with a bundled script.

DDante L. Lentsoe
79% match