Presentation_Task4

100%

Presentation_Task4

✓ Published0🌍 Public

Last edited Jul 25, 2023

Created on Jul 25, 2023

This bar chart displays the average customer spending on each product category, with horizontal bars representing the price values from the dataset. The visualization uses D3 v5 to load CSV data and render an SVG, employing `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. Axis labels are generated with `axisLeft` and `axisBottom`, while each rectangle’s height is set using the y-scale’s bandwidth, and hover effects reduce opacity via CSS.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Presentation_Task1

This chart displays the relationship between product quantity and price for five product categories, with each category represented by a distinct color: Clothing, Food & Beverage, Technology, Cosmetics, and Shoes. The data comes from a remote CSV file loaded via the `csv` function, and the visualization is rendered as an SVG using D3.js v5. The code uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes, and `select` appends the chart to the body. Each data point is drawn as a circle with a fixed radius, and the color is determined by the category using a custom switch function.

Rrikhitakoganti12

80% match

Loading thumbnail…

Presentation_Task6

This stacked area chart visualizes the total products available across five categories—Cosmetics, Clothing, Food/Beverages, Technology, and Books/Toys—from 2010 to 2023. Using d3.stack and d3.area with curveBasis, the SVG rendering displays each category as a filled area, colored via d3.scaleOrdinal with d3.schemeDark2. Labels are positioned through d3-area-label, while axes use d3.axisBottom and d3.axisLeft with a time scale for years. The code reads data from a CSV file and includes hover tooltips via SVG title elements.

Rrikhitakoganti12

78% match

Loading thumbnail…

Presentation_task3

This pie chart visualizes the number of unique products purchased across different shopping malls, with each slice colored and labeled by product count. Built with D3 v5, the visualization uses `d3.pie` and `d3.arc` to generate segments, `d3.scaleOrdinal` for color mapping, and `d3.format` for numeric tick labels. Data is loaded from a CSV file via `d3.csv`, and the SVG rendering includes interactive legends displaying mall names and corresponding values.

Rrikhitakoganti12

76% match

Loading thumbnail…

Presentation_Task2

This visualization shows a red line chart tracking product prices from 2019 to 2023, with each year plotted as a point connected by a path. The data, loaded from a CSV file containing shopping mall transaction records, is aggregated by year. The code uses D3 v7 to create an SVG graphic, employing `d3.scaleBand` for the x-axis years, `d3.scaleLinear` for the price range, and `d3.line` to generate the path. Axes are added with `d3.axisBottom` and `d3.axisLeft`, and text labels identify the year and price dimensions.

Rrikhitakoganti12

75% match

Loading thumbnail…

bar grapgh

This bar chart displays total sales across product categories, with each category represented by a colored bar on a band scale. The visualization uses D3.js v7 to load CSV data from a GitHub gist, map it into an array of category-total pairs, and render an SVG chart with axes, labels, and a legend. The code applies a sequential color scheme via `d3.scaleOrdinal` with `d3.schemeCategory10`, and uses `d3.axisBottom` and `d3.axisLeft` for the axes. A title and rotated category labels are included to improve readability.

SSai Hemanth Babu Sunkari

75% match

Loading thumbnail…

Example

This multi-series bar chart displays product category sales across three customer segments, with each bar stacked to show the cumulative sales total per category. The visualization uses D3.js with SVG rendering and a custom legend that filters the displayed segments on hover, dimming the base bars and highlighting the selected layer. Data is loaded from a CSV file, and the chart employs d3.scale.ordinal, d3.layout.stack, and d3.legend to handle axes, stacking, and color encoding. Animated transitions are not present, but the interactive tooltip via d3-tip provides per-bar sales values.

SShashwat Priyadarshi

74% match

Loading thumbnail…

Product Sales Bar Chart

This bar chart displays product sales figures from a CSV file, with each product’s sales value represented by a steelblue bar. The visualization uses D3.js to create an SVG, scaling the x-axis with `d3.scaleBand` and the y-axis with `d3.scaleLinear`. Axis labels are rotated, and a title is added, all rendered via the D3 SVG API. Data is loaded asynchronously from a GitHub gist using `d3.csv`.

Aavvarijayakrishna99@gmail.com

74% match

Loading thumbnail…

Sales by Category

This bar chart compares total sales across product categories. The visualization uses aggregated sales data from a CSV file, displaying each category as a steel-blue bar. The chart is built with D3 version 5, using `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis. The SVG rendering includes axis labels and a title, with the x-axis labels rotated for readability.

Ssaikrishnabussa

74% match