Product_Sales_Data

100%

Product_Sales_Data

✓ Published0🌍 Public

Last edited Sep 9, 2021

Created on Sep 9, 2021

Forked from Loading and Parsing CSV Data

This example displays basic metadata from a product sales dataset, showing the file size, number of rows, and number of columns in a large text preformatted element. It loads the CSV from a GitHub gist using `d3.csv` and formats the data with `d3.csvFormat` to calculate the byte size. The display is rendered as plain text inside an HTML `<pre>` tag, with the data retrieved asynchronously via a Promise. The visualization does not plot any charts or graphs, focusing instead on a minimal summary of the dataset’s structure.

AI-generated description

Original Dataset link : https://www.kaggle.com/anuvagoyal/sales-store-product-details There are 10 attributes: Order_Quantity: Quntitative Sales: Quntitative Ship_Mode Profit: Quntitative Profit: Quntitative Customer_Name Region: Categorical Product_Category: Categorical Product_Sub-Category: Categorical Product_Container: Ordinal

Question would be: Which kind of product bring the largest profit? Trading tendency of customer from each region.

MIT Licensed

Similar vizzes

Loading thumbnail…

Data Table Summary

This visualization displays a plain-text summary of a CSV file containing product data, showing the total number of rows, columns, and file size in kilobytes, followed by the first ten records as formatted JSON. The code uses D3 v5’s `select` and `csv` functions to fetch and parse the data, then appends `<pre>` elements to the page body. The dataset includes product names, prices, SKU numbers, and promotional details from an e‑commerce listing. The dark background with green monospaced text evokes a terminal aesthetic.

NNikkor

80% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data with D3, displaying basic metadata about the dataset. After fetching the CSV file from a GitHub gist, it computes and presents the file size in kilobytes, the total number of rows, and the column count. The visualization uses D3's `d3.csv` method to asynchronously fetch and parse the data, followed by `d3.csvFormat` to measure the raw text length. The resulting statistics are rendered as large text in an HTML `<pre>` element, with alternative commented-out approaches using `fetch`, `async`/`await`, and `d3.csvParse`.

LLei Lei

76% match

Loading thumbnail…

data_1

This example displays a text summary of a dataset loaded from a remote CSV file, showing its size in kilobytes, row count, and column count in large monospaced text. It fetches the data from a GitHub gist using `d3.csv`, then formats the data back to a string with `d3.csvFormat` to calculate its length. The resulting message is rendered into a `pre` element via standard DOM manipulation, with D3 v7 handling the asynchronous data loading.

NNikithakatta30

76% match

Loading thumbnail…

CSV Data

This example displays a summary of a remote CSV file's contents: its approximate size in kilobytes, the number of data rows, and the number of columns. It fetches the data from a GitHub gist URL using the `d3.csv` API, then formats the loaded data with `d3.csvFormat` to calculate its length. The resulting statistics are rendered as large text inside an HTML `<pre>` element, which is updated via JavaScript's `textContent` property. The styling is applied through a CSS class that sets the font size.

SSam Hege

75% match

Loading thumbnail…

ICE5

This example shows the metadata of a product sales dataset, reporting its size in kilobytes, row count, and column count. It loads CSV data from a remote URL using `d3.csv`, then formats a summary message and displays it on the page via the `textContent` property of a `<pre>` element. The page includes a linked dataset reference and a background image styled through CSS. The visualization relies on D3 v7 for data parsing and formatting, with no chart or graphical rendering present.

Yyaswanthsen

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

75% match

Loading thumbnail…

Video Game Sales

This example reads a CSV file of video game sales data from a public GitHub gist, originally sourced from Kaggle, and displays a plain-text summary of its size and structure. It shows the file’s approximate size in kilobytes, the row count, and the number of columns. The code uses D3.js v5’s `d3.csv` to parse the remote data and `d3.csvFormat` to measure its length, then writes the summary into a large `<pre>` element. Alternate commented approaches demonstrate `fetch` with `async/await` and `d3.csvParse`.

Ggeorgeeeee

75% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a loaded CSV file, showing the total row count, column count, and file size in kilobytes, followed by the first ten rows formatted as JSON. It imports `select`, `csv`, and `csvFormat` from D3 v5 to fetch `data.csv` and compute the byte length. The output renders in a monospace `<pre>` element styled with green-on-black terminal colors. The dataset describes daily high and low stock prices for several tickers, sourced from a 2018 United Nations population report.

Vveagy

75% match