Skip to main content
100%

Items by Name HW

✓ Published0🌍 Public
VVirginiaHNg
Last edited Jul 20, 2017
Created on Jul 20, 2017

A stacked bar chart displays item totals across categories, with a dropdown menu filtering the view to show either all items or a single category (Pens, Carrots, or Phones). The chart uses D3 v4 to build SVG elements, with d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.stack for the stacked bars. Data is loaded from items.csv and rendered with d3.axisBottom and d3.axisLeft for axes.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/patiencehaggin/'>patiencehaggin</a>'s block: <a href='http://bl.ocks.org/patiencehaggin/7b70fc09d3c4bece0d03dd73a4011298'>Items by Name HW</a>

mit Licensed

Similar vizzes

Loading thumbnail…

activity-6-a-2

A stacked bar chart shows the distribution of food ratings across five categories, from "Below 5.0" to "Above 8.5," for six food items. Each bar segment’s length encodes the proportion of ratings, with hover interactions displaying exact percentages via a tooltip. The visualization uses D3 v7’s `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to render SVG rectangles, with data loaded from a CSV file and a custom color scale mapping each rating category.

SSathishvepuri143@gmail.com
74% match
Loading thumbnail…

Activity6Task-2

This stacked bar chart visualizes the changing composition of categories A through D across the years 1995-2003. A radio button toggle transitions the rendering between a full stacked bar layout and a narrow, offset view that reveals individual category values. Built with D3 v4, the visualization uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.stack` to process the CSV data, while SVG `rect` elements are animated via `transition` and `attr` calls. The color scale `d3.scaleOrdinal` distinguishes the four categories.

HHanuReddy
73% match
Loading thumbnail…

Activity6_questions 3 45

This stacked bar chart displays product sales across four categories (A through D), using horizontal bars segmented by category to compare total sales. The visualization uses D3.v7 with an SVG canvas, applying `d3.stack()` to compose the bar segments, `d3.scaleBand` for the product axis, and `d3.scaleLinear` for the sales axis. Hovering over a segment logs the specific category and sales value to the console, while a categorical color scale distinguishes the categories. The data comes from a local CSV file, and the chart includes axis labels and a legend.

Ppavanpkkalyan3@gmail.com
73% 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
73% match
Loading thumbnail…

Act6 q2

A stacked bar chart displays product sales across four quarters, broken down by category (Electronics, Office Supplies, Furniture). The chart uses D3 v7 APIs like `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear`. Data loads from a CSV file, and hover interactions reveal category sales via a tooltip. The visualization renders in SVG with color-coded segments per category and an ordinal color scale.

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

Activity6_question2

This stacked horizontal bar chart displays sales totals for five store locations, broken down by product categories including clothing, equipment, and accessories. The visualization uses d3.stack() to compute the segmented bar series and d3.scaleLinear and d3.scaleBand for positioning. Rendered as SVG with D3 v7, the chart includes interactive tooltips that display precise numeric values when hovering over each segment. Category colors are assigned via d3.scaleOrdinal, and axis labels and legends are manually added.

Ggnanendra097@gmail.com
73% match
Loading thumbnail…

Activity6_Task2_Question_2

A stacked bar chart displays monthly sales totals for Electronics, Clothing, and Groceries across six months. Each bar segment represents a category’s contribution, with tooltips revealing exact values on hover and a color-coded legend identifying series. Using D3 v7, the visualization loads CSV data via `d3.csv`, constructs stacked series with `d3.stack()`, and renders SVG rectangles scaled by `d3.scaleBand` and `d3.scaleLinear`. Interactive tooltips appear through mouse events, while axes and legend are generated with `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleOrdinal`.

Aadityatrip9899@gmail.com
73% match
Loading thumbnail…

stacked bar

A stacked bar chart displays records published by month in 2015, broken into four categories: Geographic, Dataset, Application, and WebService. The chart uses D3.js (v3.5.5) to load the CSV data from `views.csv`, compute cumulative y-values for each segment, and render colored rectangles per category. An ordinal x-scale maps months, a linear y-scale encodes total counts, and a legend identifies the color-coded categories. The SVG rendering includes axes formatted with the `.2s` tick format and uses `d3.svg.axis` for the bottom and left axes.

MMbrownshoes
72% match