Skip to main content
SimilarExport ZIP
100%

Task 1

✓ Published0🌍 Public
SSai Vamshi B
Last edited Mar 9, 2026
Created on Mar 9, 2026
Forked from CV: Bar Chart

This bar chart displays monthly product sales for a catalog of electronics, with each product’s sales value represented by a steelblue bar. Built with React and D3 v7, it uses `scaleBand` and `scaleLinear` to position bars and axes, while rendering SVG elements directly. The data is loaded from a CSV file via `d3.csv`, and axis labels are rotated for readability. Grid lines and tick values are generated programmatically, showing sales totals ranging from roughly 48 to 150 across over 120 product entries.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

task1

A bar chart displays monthly sales figures for electronic products. Each bar’s height encodes the numeric Sales value from the CSV dataset, with product names on the horizontal axis and a linear sales scale on the vertical. Repeating product names across rows aggregate into multiple bars per category. Built with React, the visualization uses D3’s `csv` parser to load data, `scaleBand` and `scaleLinear` for axes, and SVG `rect` elements for rendering, with bars filled in steelblue.

SSai Vamshi B
92% match
Loading thumbnail…

Task 1 assignment

This visualization presents a horizontal bar chart of the top 10 sales records from a CSV dataset, with each bar labeled by product, region, and month. The chart uses D3 v7 within a React component, rendering to SVG. The implementation loads data via `d3.csv`, sorts and slices the dataset to identify top performers, and maps values with `scaleLinear` and `scaleBand`. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`.

SSai Vamshi B
86% match
Loading thumbnail…

Vinay Task 1

This example shows total sales aggregated by product category as a bar chart, with steelblue bars and labeled axes. It loads tabular data from a GitHub Gist using d3.tsv, aggregates values with d3.rollup and d3.sum, and renders static SVG via React’s useRef hook. The chart uses d3.scaleBand for categories and d3.scaleLinear for the sales axis, with d3.axisBottom and d3.axisLeft providing tick marks.

VVinay Kumar Parvathini
83% 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
81% match
Loading thumbnail…

Activity-6_Task2(q)

This stacked bar chart shows monthly sales totals for five product categories—Electronics, Clothing, Furniture, Groceries, and Books—across January, February, and March. The data is loaded from a CSV file and rendered as SVG using D3 v7. The visualization uses `d3.stack()` to aggregate the three month values per category, with `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. A color scale distinguishes the months, and a legend in the top-right corner labels each segment.

Aaravapalliharika2002@gmail.com
81% match
Loading thumbnail…

Activity-6 (question2.1)

This chart displays monthly sales figures for three product categories—Electronics, Clothing, and Home Goods—as a stacked horizontal bar chart. D3’s `scaleBand` positions months on the y-axis, while a `scaleLinear` maps cumulative sales values to x-axis lengths. Each bar segment’s width corresponds to category-specific revenue, with a legend and interactive tooltips revealing exact dollar amounts on hover. The example loads D3 v7 via UNPKG, reads CSV data asynchronously, and constructs the SVG visualization using `d3.axisLeft`, `d3.axisBottom`, `d3.stack`, and `scaleOrdinal` for color encoding.

Kkandulasunny17@gmail.com
81% match
Loading thumbnail…

Task-10-2

A single-series area chart displays monthly sales figures. The chart emphasizes the trend of sales values over time, with the area beneath the line filled in a light green color. It is rendered as an SVG using D3 v6. The code loads CSV data from a remote GitHub URL and uses `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.area` to construct the visualization. Axis labels indicate the month and sales in dollars.

Bbhargavr016@gmail.com
80% match
Loading thumbnail…

Asssignement

A bar chart displays monthly sales for 100 coffee shop branches, with each bar colored on a sequential blue scale to encode sales magnitude. Using D3 v7 within a React component, the visualization loads data from a CSV file via `d3.csv`, aggregates it, and renders SVG rectangles scaled with `scaleBand` and `scaleLinear`. Branch labels are rotated on the x-axis, and axes are drawn with `axisBottom` and `axisLeft`, with hover effects changing bar color to orange.

Ssairathan.p045@gmail.com
80% match