Skip to main content
SimilarExport ZIP
100%

Grouped States Genders

✓ Published1🌍 Public
Mmacgregorm01@gmail.com
Last edited Nov 13, 2024
Created on Nov 13, 2024

This example displays the first row of a dataset as a JSON object, showing a state's name, gender category, and total sales. The visualization uses JavaScript to load the CSV data, convert the "Total_Sales" field to a numeric type, and output the first record formatted in a `<pre>` tag. It is built with the `index.js` file, which imports data from `grouped_states_genders.csv`, and the source is the Shopping Habits Dataset from Kaggle. The example demonstrates a minimal, code-based preview of the data structure.

AI-generated description

The Shopping Habits Dataset

The description comes from the original dataset source:

The Shopping Habits Dataset provides insight into consumer preferences, tendencies, and patterns during their shopping experiences. The dataset includes a range of variables, including demographic information, purchase history, product preferences, shopping frequency, and online/offline shopping behavior. This data allows analysts and researchers to further understand consumer decision-making processes, helping businesses to craft targeted marketing strategies, optimizing product offerings, and enhancing overall customer satisfaction.

Five tasks to be completed on this dataset:

  1. I want to identify which states have the best review ratings.
  2. I want to visualize the distribution of items purchased by gender.
  3. I want to understand which items and categories are being purchased most in each season.
  4. I want to determine if there is a correlation between the purchase amount and presence of discounts or promo codes.
  5. I want to be able to see if certain colors of each item are being purchased most.
MIT Licensed

Similar vizzes

Loading thumbnail…

Grouped States Seasons

This example visualizes the Grouped States Seasons dataset, showing the total sales for each U.S. state across Fall, Spring, Summer, and Winter. The visualization displays the structured data values for a single state entry in a raw JSON format. It imports the data from a CSV file, converts the Total_Sales values to numbers, and renders the first data object as formatted text in a pre element using vanilla JavaScript. The data originates from the Shopping Habits Dataset on Kaggle.

Mmacgregorm01@gmail.com
82% match
Loading thumbnail…

Grouped Seasons Genders

This example visualizes the total sales for each season, broken down by gender, using a simple dataset derived from the Shopping Habits Dataset. The rendering displays the raw data from the CSV file as formatted JSON text within an HTML container. The code loads the data with an import statement, converts the `Total_Sales` values to numbers, and uses a container’s `innerHTML` property to present the first data record with a specific font size.

Mmacgregorm01@gmail.com
78% match
Loading thumbnail…

Total Sales by State and Gender

This example displays a stacked bar chart illustrating total sales by state, segmented by gender, using data from the `@mjmacgregor/grouped_states_genders` package. The chart uses D3's `scaleOrdinal` for colors, `stack` and `flatRollup` for data aggregation, and `scaleLinear` and `scaleBand` for axes. Hovering over the legend highlights the corresponding gender segment in the bars, while non-hovered segments fade. A color legend with interactive hover states is implemented using the custom `colorLegend` function.

Mmacgregorm01@gmail.com
74% match
Loading thumbnail…

Shopping Habits

This example displays the first row of a shopping habits dataset as a formatted JSON object in a container. It prints the data as a `<pre>` element with a font size of 20 pixels using template literals and `innerHTML`. The dataset, imported from `data.csv` and listed with its full header row, includes columns like age, gender, item purchased, category, location, and review rating. The code first converts several quantitative attributes, such as `Customer_ID`, `Age`, and `Purchase_Amount_USD`, to numbers using the unary plus operator before rendering the sample.

Mmacgregorm01@gmail.com
74% match
Loading thumbnail…

Video Game Sales

The example displays the first record of the Video Game Sales dataset as a formatted JSON object, revealing its structure for tasks like discovering top-selling genres or comparing regional sales. It imports data from a local CSV file and converts seven specified numeric attributes from strings to numbers before serializing the first element. The visualization renders this data using a simple HTML `<pre>` tag with a configurable font size, demonstrating a minimal approach to data inspection without relying on a charting library. This setup provides a transparent view of the dataset’s fields, enabling users to understand the available variables for subsequent analysis.

SSamuel Karkache
69% match
Loading thumbnail…

Collective Shopping Habit Views

This collection of interactive visualizations explores a shopping habits dataset, revealing patterns in sales, customer ratings, and purchasing behavior across states, seasons, and genders. The views include a scatterplot of overall data distribution, a choropleth map of state ratings using `d3.geoPath`, and additional scatter and stacked bar charts breaking down sales by state, season, and gender. Built with D3.js and embedded via iframes, the charts support business strategy by highlighting geographic and demographic trends. The dataset originates from Kaggle's Consumer Behavior and Shopping Habits Dataset.

Mmacgregorm01@gmail.com
69% match
Loading thumbnail…

Global Data

This example displays a single country’s complete record from a global dataset as a formatted JSON object. It uses D3.js and a custom CSV parser to load and convert numeric fields, then renders the first data entry in a `<pre>` block. The visualization provides a direct, code-level view of the dataset structure, showing all variables like GDP, fertility, and CO2 emissions for a given nation.

Nnitinramagiri1@gmail.com
68% match
Loading thumbnail…

Countries of the world

This example displays a summary of a dataset containing information about countries, including population, GDP, and literacy. It shows the number of rows, columns, and total data size in kilobytes, followed by a preview of the first ten rows. The visualization uses D3’s `select` and `csv` functions to load the data. Results are rendered as text using HTML `pre` elements, with a black background and green monospace styling. The csv data from Kaggle is fetched and printed as JSON.

RRobert Curtis
66% match