Fork of Question 2

100%

Fork of Question 2

✓ Published1🌍 Public

Last edited Mar 26, 2025

Created on Mar 26, 2025

This chart shows daily coffee sales quantities as a vertical bar chart, with dates on the x-axis and sales quantity on the y-axis. The code loads CSV data via `d3.csv`, parses the Quantity field into numbers, and renders bars using `d3.scaleBand` and `d3.scaleLinear`. It appends SVG rectangles, styled with a steelblue fill, and adds axes using `d3.axisBottom` and `d3.axisLeft`. The x-axis labels are rotated for readability. The visualization relies on D3 v7 and renders entirely in SVG.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Assignment2 question 2

This example visualizes monthly sales data as a filled area chart, with the area rendered in translucent steelblue. It fetches CSV data from a GitHub Gist and maps months to the x-axis using `d3.scaleBand` and sales values to the y-axis with `d3.scaleLinear`. The chart is drawn in SVG using the `d3.area` generator, with axes and labels added via `d3.axisBottom` and `d3.axisLeft`. Data parsing is handled by `d3.csvParse`, and the visualization is built entirely with D3 v7.

BBhavana Sharma

79% match

Loading thumbnail…

sclatterplot

This scatter plot visualizes coffee sales quantities over time, with each circle representing a daily sale. The chart maps dates along the x-axis and sales quantities on the y-axis, making it easy to spot trends and outliers in the data. Built with D3.js v7 using an SVG rendering approach, the visualization loads a CSV file containing the sales records and applies the `scaleBand` and `scaleLinear` methods for axes positioning. The circles are styled with a steelblue fill and black stroke, while the x-axis labels are rotated for readability.

GGorantla Vishnusai

79% match

Loading thumbnail…

Assignment 2.2

A stacked bar chart displays monthly sales data from a CSV file, showing both quantity and amount per month in two color-coded segments. The visualization uses D3.js with SVG rendering, loading data via `d3.csv` from a GitHub gist. The chart leverages `d3.scaleBand` for the categorical month axis, `d3.scaleLinear` for the numeric amount axis, and `d3.scaleOrdinal` for color assignment. It includes manually positioned axis labels, a title, and a legend built with SVG rectangles and text. The styling uses custom fonts and colors defined in a separate CSS file.

Ppjdhungana@gmail.com

77% match

Loading thumbnail…

Fork of Question 2(2)_Activity 6

This example shows a horizontal bar chart of population data for 20 countries in 2010, using a green fill for each bar and a blue axis. It loads data from a remote CSV file via `d3.csv` and renders the visualization with React, using `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. The chart includes custom axis components built with SVG, tick formatting through `format('.2s')` to convert values to billions, and tooltips via SVG `<title>` elements.

Ttallavijayalakshmi0710@gmail.com

77% match

Loading thumbnail…

Fork of Q2task9

This area chart displays monthly sales figures, sourced from a CSV file, within a clean SVG layout. The visualization uses D3.js v6, employing `d3.csv` to load the data, `d3.scaleBand` for the categorical month axis, and `d3.scaleLinear` for the sales values. A filled path generated with `d3.area()` shows the trend, while `d3.axisBottom` and `d3.axisLeft` render the labeled axes. The chart highlights sales variation across the months, with a light teal fill for the area and a minimal, grid-free design.

Ppavanpkkalyan3@gmail.com

76% match

Loading thumbnail…

Question2

A stacked bar chart displays quarterly sales by product category, with categories on the y-axis and sales totals on the x-axis. The visualization uses D3 v7's `d3.stack`, `scaleBand`, `scaleLinear`, and `scaleOrdinal` APIs to construct the chart, with tooltips revealing the category and sales amount per segment. Data from the CSV file is loaded and rendered as SVG rectangles, with an interactive legend and axis labels. The code leverages D3's declarative `.join` pattern for efficient element updates.

Gganesh.hns48@gmail.com

76% match

Loading thumbnail…

Question 2

This example shows fruit sales across three regions as a horizontal stacked bar chart, with each bar segmented by region and color-coded via a legend. It loads data from a CSV file using d3.csv, parses numeric values, and builds the visualization with d3.stack, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the quantitative x-axis. The SVG rendering uses d3.axisLeft and d3.axisBottom for axes, while d3.scaleOrdinal assigns distinct colors to each region.

Ppavanbellam@my.unt.edu

76% match

Loading thumbnail…

Fork of Question 2

A horizontal stacked bar chart displays the percentage distribution of movie ratings across six categories, using color-coded segments for five rating bands. The visualization loads data from a CSV file and renders with SVG via D3 v7, employing `d3.stack()`, `d3.scaleLinear`, and `d3.scaleBand` for layout. Tooltips appear on mouseover, showing the exact percentage for each rating segment using `d3.format`.

Aajaykumarseelam@my.unt.edu

75% match