T3 — VizHub

Bar chart assignment

This example shows a bar chart of average monthly sales across multiple years, with months from January through December on the x-axis and sales amounts on the y-axis. The visualization uses D3 v7 to load data from a CSV file via `d3.csv`, then binds the data to SVG rectangles using `data().enter().append("rect")`. It employs `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis, with axes rendered by `d3.axisBottom` and `d3.axisLeft`. The bars are filled with a steelblue color, and the chart includes a titled heading.

76% match

Aadithiarikatla@gmail.com

sales data

This visualization displays monthly sales data as a bar chart, with the x-axis representing the month and the y-axis showing sales figures. The bars are rendered in steel blue and turn orange on hover, providing interactive feedback. The chart is built using the D3.js library (d3.v7) with SVG rendering, and data is loaded from a CSV file hosted on GitHub via `d3.csv` with `d3.autoType` for type conversion. Axes are generated using `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`.

75% match

Sale Sample Data

This example presents a dark-themed bar chart titled “Sales by Product Line,” aggregating sales data from a CSV file fetched from a GitHub gist. It uses d3.js v7 APIs including `d3.csv`, `d3.rollups`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal` to group records by product line, sum their sales, sort descending, and encode values as bar heights with a Tableau10 color scheme. The SVG rendering includes rotated x-axis labels, horizontal grid lines, axis titles, and a legend, all styled via CSS custom properties.

RRamdas Dheeraj

75% match

Bar Chart assignment

This bar chart shows average monthly sales trends across a year, with each bar representing a month’s sales value from the CSV dataset. The visualization aggregates and displays repeated monthly entries as individual bars, making seasonal patterns and overall growth apparent. Built with D3.js v7, the code loads data via `d3.csv`, maps values using `d3.scaleBand` and `d3.scaleLinear`, and renders the chart as an SVG. Axes are added with `d3.axisBottom` and `d3.axisLeft`, and the chart is titled “Average Monthly Sales Bar Chart” with a rotated x-axis label for readability.

75% match

Assignment 6

This bar chart shows total sales aggregated by product line, using a simple grouped bar layout where each bar’s height encodes the summed sales value. The chart is built with D3 v7, loading data from a CSV file and using `d3.rollup` to group and sum sales per product category. SVG rectangles are scaled with `d3.scaleBand` and `d3.scaleLinear`, with axes generated via `d3.axisBottom` and `d3.axisLeft`. The title and rotated x-axis labels complete the visualization, rendered entirely in SVG.

BBhargav Reddy

Fork of D3 Starter

This bar chart visualizes average monthly sales data across multiple years, displaying sales figures for each month from January through December. The chart uses a steel blue color scheme and rotated x-axis labels to improve readability of the month names. The visualization is built with D3 v7, loading CSV data through the `d3.csv` API and rendering the bar chart as SVG elements. The code uses `d3.scaleBand` for the categorical month axis and `d3.scaleLinear` for the continuous sales values, with axes generated using `d3.axisBottom` and `d3.axisLeft`.

Fork of Fork of D3 Starter

This example presents an average monthly sales bar chart, displaying sales data from a CSV file across repeated calendar years. The visualization aggregates repeated monthly entries into bars, showing the overall sales distribution for each month. Built with D3 v7, the code loads data via `d3.csv`, maps sales values to numbers, and constructs the chart using `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. SVG rectangles represent each bar, while `d3.axisBottom` and `d3.axisLeft` render the axes, with a title added as an SVG text element.

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