Skip to main content
SimilarExport ZIP
100%

Sdv_6_Mrudula

✓ Published0🌍 Public
Mmendemrudula@gmail.com
Last edited Oct 20, 2025
Created on Oct 20, 2025
Forked from HTML Starter

This visualization presents a bar chart of sales and profit data for hypothetical products, comparing the two metrics side-by-side across 100 product labels. Built with Chart.js on an HTML canvas element, it renders two datasets with distinct colors, allowing quick visual comparison. The chart displays a legend at the top and sets the y-axis to begin at zero, while the data itself is randomly generated within specified ranges rather than loaded from the provided CSV file. The chart title identifies it as representing Global Superstore sales.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Mrudula_SDV_6

This bar chart displays sales data from a global superstore, presenting aggregated values as vertical bars on a canvas. The visualization uses the Chart.js library, which is loaded via CDN and configured to render the chart within an HTML `<canvas>` element. The code defines a fixed chart size of 800 by 400 pixels, with a title indicating the dataset’s scope. The underlying data and axis details are not shown in the provided files, leaving the chart’s specific values unspecified, while the rendering relies entirely on Chart.js’s default bar chart behavior.

Mmendemrudula@gmail.com
85% match
Loading thumbnail…

Assignment 6 sowjanya

This bar chart displays the average sales for each product category from a store dataset loaded from a GitHub-hosted CSV file. The visualization uses D3 v7 and renders as an SVG, with `d3.scaleBand` mapping product names to the x-axis and `d3.scaleLinear` mapping average sales values to the y-axis. The code aggregates the raw data using `d3.rollups` and `d3.mean` to compute per-product averages before drawing steelblue rectangles. Both axes are labeled, and a chart title is added above the plot.

Ssaisowjanyaedupuganti.24f@gmail.com
73% match
Loading thumbnail…

Extra-Question6-Activity6_Task3

This scatter plot visualizes the relationship between Sales and Profit for products in a Global Superstore dataset. Each mark is positioned by the d3.scaleLinear scales for the x- and y-axes, and its shape and color encode the product Category, using d3.symbol with d3.symbolCircle, d3.symbolSquare, and d3.symbolTriangle, and a d3.scaleOrdinal color scale with the d3.schemeCategory10 palette. The visualization is rendered as SVG, drawing axes with d3.axisBottom and d3.axisLeft, and it loads the data from a remote CSV file.

Kkrunalpatel@my.unt.edu
73% match
Loading thumbnail…

Sruj

A bar chart visualizes aggregated annual sales across ten product categories, with data derived from 120 synthetic samples spanning twelve months. The visualization sorts categories by total sales and includes axes, gridlines, and a tooltip for interactivity. Built with D3.js v7, it uses `d3.rollup` to aggregate monthly data, `scaleBand` and `scaleLinear` for positioning, and SVG transitions for hover effects.

Ssrujana reddy
72% match
Loading thumbnail…

PART 3B

This combined bar and line chart visualizes monthly sales and profit for Product A from 2018 to 2022, with semi-transparent green bars representing sales (right axis) and a red line with dots representing profit (left axis). Interactive hover effects increase bar opacity and dot radius, while grid lines and axis labels clarify the dual-scale comparison. The example loads CSV data from GitHub using d3.csv, filters it for Product A, and builds the SVG scene with d3.scaleTime, d3.scaleLinear, d3.axisLeft, d3.axisRight, and d3.axisBottom, all within the D3 v7 framework.

Aanirudhrao345@gmail.com
72% match
Loading thumbnail…

Sdv_6_Mrudula

This visualization presents a full year of synthetic weather data, combining four daily measurements into a single multi-series chart. The chart blends line series for temperature, humidity, and wind speed with a bar series for rainfall, all plotted against the day of the year. The code generates its own data using mathematical functions and randomness, then renders the chart with Chart.js on an HTML canvas element. The result provides a compact overview of seasonal trends and variability across the different weather metrics.

Mmendemrudula@gmail.com
72% match
Loading thumbnail…

index

This bar chart displays product sales performance for 200 products, using a D3.js v7 SVG visualization. The chart maps product names to the x-axis using `d3.scaleBand` and sales values to the y-axis via `d3.scaleLinear`, with the maximum sales value determining the scale domain. Each product is represented by a teal rectangle, with bar heights proportional to sales values. The data is loaded from a CSV file using `d3.csv` with `d3.autoType` for automatic data parsing. The axes are rendered using `d3.axisBottom` and `d3.axisLeft`, with x-axis labels rotated and filtered to show every tenth tick for readability.

SSai Charan
72% match
Loading thumbnail…

BAR CHART CREATION

This bar chart displays sales values for 50 products, with each product’s value encoded by the height of a horizontal bar. The visualization uses D3.js v7 to load data from a CSV file via `d3.csv`, then renders bars as SVG rects with scaling through `d3.scaleBand` and `d3.scaleLinear`. Hover interactions highlight bars in orange and trigger a tooltip showing the product name and value. The chart includes rotated x-axis labels, a title, and axis labels for Products and Sales Value.

119h61a05c9@cvsr.ac.in
71% match