Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
SSarahKiyani
Last edited Jun 1, 2020
Created on May 13, 2020

This stacked bar chart shows the number of delivery transactions for U.S. states, broken down by product category from a Superstore dataset. Users can select a region and toggle sorting to reorder bars by transaction totals. The visualization uses d3.csv to load data, d3.stack for layer composition, and d3.scaleBand/d3.scaleLinear for axes. Animated transitions via d3.transition update bar positions and heights when filters change, with SVG rectangles and text labels rendered dynamically.

AI-generated description

This data was taken from a Superstore in United States. The BarChart here represents the number of deliveries and transactions that occurred from or within the store around all the cities of US.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

A stacked bar chart displays the distribution of sales across three product categories—Furniture, Office Supplies, and Technology—for each city in a Superstore dataset. Users select a customer segment from a dropdown menu and can toggle sorting by total sales or city order via a checkbox. Built with React and D3 v5, the visualization uses `d3.csv` to load data, `d3.stack()` to generate layered bars, and `d3.scaleBand` with `d3.scaleLinear` for axes. Smooth transitions animate changes with `transition.duration`, while labels show the total quantity per city.

SSarahKiyani
86% match
Loading thumbnail…

Untitled

A stacked bar chart displays the distribution of sales across three product categories—Furniture, Office Supplies, and Technology—for each city in a Superstore dataset. Users select a customer segment from a dropdown menu and can toggle sorting by total sales or city order via a checkbox. Built with React and D3 v5, the visualization uses `d3.csv` to load data, `d3.stack()` to generate layered bars, and `d3.scaleBand` with `d3.scaleLinear` for axes. Smooth transitions animate changes with `transition.duration`, while labels show the total quantity per city.

SSarahKiyani
86% match
Loading thumbnail…

Untitled

This interactive stacked bar chart displays the distribution of three categories across U.S. states for a selected year, with a dropdown menu to switch between years. The visualization uses D3.js v5’s `d3.csv` to load data, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.stack()` to compute stacked segments. Animated transitions (via `transition().duration()`) smoothly update bar heights and axis labels. Total values for each state are shown above the bars. The SVG rendering includes axis groups and colored layers, with the year selector populated from the dataset.

Pp189
83% match
Loading thumbnail…

Untitled

This interactive stacked bar chart displays the sales distribution across cities for a selected customer segment, using data from a CSV file of store transactions. A dropdown menu filters by segment, while a checkbox toggles city sorting by total sales value. Built with D3 v5 and React, the visualization uses `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear` to render the bars, with smooth transitions animated via `transition().duration()`. SVG elements and axes update dynamically in response to user selections.

SSarahKiyani
83% match
Loading thumbnail…

Untitled

A dropdown menu selects a region, and a stacked bar chart animates to show the distribution of Furniture, Office Supplies, and Technology sales across cities. Each bar is segmented by category, with city names on the x-axis and total sales scaled on the y-axis. A checkbox toggles the sorting of bars by city name or by the derived segment total. The chart uses d3.csv to load the Superstore data, d3.stack for layering, d3.scaleBand and d3.scaleLinear for scales, and d3.transition to animate updates. SVG rendering with React centers the visualization.

SSarahKiyani
83% match
Loading thumbnail…

Untitled

This visualization is an interactive, stacked bar chart that compares total sales by Segment across Sub-Categories of products, filtered by Region via a dropdown menu. It also includes a checkbox to toggle the sort order of the bars. The chart is implemented in React, using the D3 v5 library, and renders as an SVG with animated transitions (`.transition()`) when the filter or sort changes. The data is loaded from a CSV file containing order details, and the chart uses D3's `scaleBand`, `scaleLinear`, and `scaleOrdinal` for axes and color encoding, along with `enter`, `exit`, and `merge` operations to update the bars and labels.

SSarahKiyani
81% match
Loading thumbnail…

Untitled

A stacked bar chart displays sales data across cities for a selected customer segment, with bars divided by product sub-category. An interactive dropdown filters by segment, while a checkbox toggles between sorting cities alphabetically or by total sales. Built with React and D3 v5, the visualization uses `d3.csv` to load data, `d3.stack` for stacking layers, and transitions to animate updates. SVG rects and axes render the chart, with text labels showing quantities above each bar.

Ssafdarawan
81% match
Loading thumbnail…

Untitled

This interactive stacked bar chart displays survey data across U.S. states for two years, showing proportions within three rating categories. A dropdown menu lets viewers switch between 2017 and 2018, triggering animated transitions of the bars, axes, and total-value labels. Built with D3 v5, the visualization uses `d3.stack()` to generate the layered series, `d3.scaleBand()` and `d3.scaleLinear()` for positioning, and SVG transitions with `transition.duration()` for smooth updates.

Pphamiter253
81% match