Customer Dimensions - Dairy

100%

Customer Dimensions - Dairy

✓ Published0🌍 Public

Last edited Nov 1, 2019

Created on Nov 1, 2019

A radial bar chart titled "Customer Dimensions – Dairy" visualizes five attributes—Price, Health, Convenience, Quality, and Inspiration—each scored from a CSV file. The chart uses D3 v4 to render SVG paths as animated arcs, with colors (green, blue, grey) encoding category levels (High, Medium, Low). Hovering reveals tooltips with the attribute name and score, while a legend clarifies the color-coding. The animation is driven by `transition.attrTween` with a cubic interpolator, and axes are drawn with `d3.arc` and radial guides.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/mdrobinson/'>mdrobinson</a>'s block: <a href='http://bl.ocks.org/mdrobinson/eb50f28cd36f5c25b2170c787f3b3243'>Radial Bar Demo - Customer Dim</a>

forked from <a href='http://bl.ocks.org/mdrobinson/'>mdrobinson</a>'s block: <a href='http://bl.ocks.org/mdrobinson/af2e1cd9c2e3054e4aca6231573a3fcc'>Radial Bar Demo - Customer Dim</a>

forked from <a href='http://bl.ocks.org/mdrobinson/'>mdrobinson</a>'s block: <a href='http://bl.ocks.org/mdrobinson/21b119fb3a958376f98c9639039ff5fb'>Radial Bar Demo - Customer Dim</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Activity6_2

This stacked horizontal bar chart displays customer satisfaction ratings for six product categories, with segments representing the percentage of ratings falling into five ranges from below 2.0 to above 4.5. The visualization uses D3 v7 to load CSV data and render SVG elements. Categories appear on the y-axis, while a linear x-axis shows the proportion for each rating band. An ordinal color scale distinguishes rating levels, and interactive tooltips display the exact percentage for each segment on hover. The chart includes axis labels, a title, and a legend.

DDee

74% match

Loading thumbnail…

activity6_task2

A stacked horizontal bar chart displays customer satisfaction ratings across five product categories, with segments representing the percentage of responses in each rating level from "Excellent" to "Very Poor." The visualization uses D3 v7 with SVG rendering, employing `d3.stack()` to compute stacked series, `d3.scaleLinear` for the x-axis, `d3.scaleBand` for product categories, and `d3.scaleOrdinal` for color mapping. Interactive tooltips appear on mouseover, showing the exact percentage for each rating segment. Data comes from a local CSV file loaded asynchronously.

TThai Ha Dang

72% match

Loading thumbnail…

activity 6_Q2

This visualization shows the distribution of customer ratings across six cosmetic brands, using horizontal stacked bar charts to compare the proportion of ratings in five percentage ranges from below 5.0 to above 8.5. Each bar segment is colored by rating category, with a tooltip revealing the exact percentage for each brand and rating range on hover. The chart uses d3.stack() to compute the stacked data, d3.scaleLinear and d3.scaleBand for positioning, and d3.axisBottom with tick lines for the percentage scale. Data comes from a CSV file, rendered as SVG elements with mouseover events that adjust opacity and display tooltip information.

Sshivasaiamaravadi@gmail.com

71% match

Loading thumbnail…

Question2

This stacked bar chart visualizes the distribution of customer ratings across five service categories, with each bar segmented into proportions from "poor" to "excellent." The chart uses a horizontal layout with a linear x-axis for percentages and a categorical y-axis for services. It is built with D3 v7, leveraging `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, `d3.scaleOrdinal`, and `d3.axisBottom` to render the SVG. Hovering over any segment reveals a tooltip displaying the exact percentage for that rating category.

Aaschowdary.shashi@gmail.com

70% match

Loading thumbnail…

Area Chart of customer

This area chart visualizes customer sales over time, using a smooth curve to show yearly trends between 2000 and 2010. The chart features a filled region beneath the line, with both line and area rendered as SVG paths using d3.line() and d3.area() with curveBasis smoothing. Axes are generated with d3.axisBottom and d3.axisLeft, while data is loaded from a local CSV file via d3.csv. The visualization applies scales from d3.scaleTime for the year axis and d3.scaleLinear for the customer counts, with custom styling for ticks, labels, and the chart’s color scheme.

Ggeethanjalikotaru

70% match

Loading thumbnail…

Activtiy-6-q2.3

This example visualizes sales distribution across product categories, breaking down each category's total sales into five segments based on rating scores (from "less than 5" to "greater than 8.5"). The chart uses stacked horizontal bars, with each product category represented as a bar segmented by colored sections corresponding to rating ranges. The visualization is built using D3 v7, loading data from a local CSV file, and employs `d3.stack()` to compute stacked bar positions, `d3.scaleBand()` for categorical y-axis positioning, and `d3.axisLeft` and `d3.axisBottom` for axes. Interactive tooltips appear on hover, displaying the specific rating segment and its sales value.

Sswapnadabburi@my.unt.edu

70% match

Loading thumbnail…

Activity_Task2

A stacked horizontal bar chart displays customer satisfaction ratings across six product categories, showing the proportional distribution of responses from "Very Unsatisfied" to "Very Satisfied" for each product. The visualization uses D3 v7 with SVG rendering, employing d3.stack() to compose the categorical segments and d3.scaleOrdinal with a custom color palette for the five rating levels. Bars are positioned along a d3.scaleBand y-axis, while percentages are mapped through a d3.scaleLinear x-axis. Interactive tooltips appear on mouseover, revealing the exact percentage for each rating category using d3.format().

Mmanishmanda@my.unt.edu

69% match

Loading thumbnail…

Activity6-Question-2.3

This stacked bar chart shows sales distribution across six product categories, broken into five rating ranges from less than 5 to greater than 8.5. The visualization uses D3 v7’s `d3.stack()` to create the layered bars and `d3.scaleBand`/`d3.scaleLinear` for axes. An interactive tooltip appears on mouseover via D3 event handlers, displaying the sales segment value. Data loads from a CSV file, with a custom color scale for each range and a legend rendered alongside the chart.

LLayaMyadam@my.unt.edu

69% match