Skip to main content
SimilarExport ZIP
100%

Activity6_Question2

✓ Published0🌍 Public
Rrishithagovini99@gmail.com
Last edited Apr 6, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This stacked bar chart shows the percentage distribution of five rating levels across seven restaurants, using horizontally oriented bars where each segment represents a rating category. The visualization employs d3.stack() to compute stacked series from CSV data, d3.scaleBand() for the categorical y-axis, and d3.scaleLinear() for the percentage x-axis. Color encoding via d3.scaleOrdinal distinguishes rating bins, while mouseover events trigger tooltip displays showing exact percentage values. The SVG rendering includes axis labels, a title, and grid lines, with data sourced from dataQ2.csv.

AI-generated description

The Rating of different restaurants

This stacked bar chart gives the percentage of each rating level across 7 different restaurants.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question2

This stacked horizontal bar chart shows the distribution of ratings for six food categories, from "Below 4" to "Above 8," with each bar segment representing the percentage of ratings in that range. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked segments, `d3.scaleLinear()` for the x-axis, and `d3.scaleBand()` for the y-axis categories. Hovering over a segment highlights it and displays a tooltip with the exact percentage, while the data is loaded from a local CSV file. The SVG rendering includes custom axis labels and a legend.

PPadmajaKodati@my.unt.edu
91% match
Loading thumbnail…

Activity6_Ques2

This stacked bar chart compares the percentage distribution of ratings across six categories—Technology, Finance, Healthcare, Education, Sports, and Entertainment—using horizontal bars. Each bar is segmented into five rating bands, from "below 4.0" to "above 9,” with a legend in the right margin. The visualization uses D3 v7's `d3.stack()` to aggregate the data and `d3.scaleOrdinal()` for color mapping. An SVG renders the chart, while mouseover events display a tooltip showing the exact percentage for each segment. The data is loaded from a local CSV file.

Nnithinnc@outlook.com
90% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the percentage distribution of ratings across six categories (Technology, Finance, Healthcare, Education, Sports, Entertainment), with each bar segmented into five rating ranges from below 5.0 to above 8.5. The visualization uses d3.stack to compute cumulative segment positions, d3.scaleBand for the categorical y-axis, d3.scaleLinear for the percentage x-axis, and d3.scaleOrdinal for color encoding. Interactive tooltips appear on mouseover, showing the exact percentage for each rating segment, while the SVG rendering includes axes with tick marks and custom styling from the linked CSS.

Ssaisnehapalle@my.unt.edu
90% match
Loading thumbnail…

Activity6_Question2

A stacked bar chart displays the percentage of five rating levels (Below 5.0, 5.0–6.5, 6.5–7.5, 7.5–8.5, Above 8.5) across six product categories, with each bar totaling 100%. The visualization highlights how rating distributions vary by category. Using d3.stack() and d3.scaleOrdinal for color encoding, the SVG renders horizontal bars via d3.scaleBand and d3.scaleLinear. Interactive tooltips appear on mouseover, showing exact percentage values computed with d3.format, using data from a CSV file.

Jjayanthbalina@gmail.com
90% match
Loading thumbnail…

Activity6_Question2

This example shows a stacked bar chart comparing ratings across six AI-related categories, with each bar divided into five percentage-based rating brackets (below 5.0 through above 8.5). The visualization uses D3 v7 to load the CSV data, apply `d3.stack()` to compute the stacked segments, and render them as SVG rectangles scaled with `d3.scaleLinear` and `d3.scaleBand`. Hover interactions trigger a tooltip displaying the exact percentage for each segment, and colors are assigned via `d3.scaleOrdinal`.

CChandra Prakash Reddy Kalwakolu
90% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the distribution of chocolate ratings across five brands, showing the proportion of ratings in five percentage-based categories from “below 5.0” to “above 8.5.” The code uses d3.stack() to generate the stacked series and d3.scaleOrdinal for color mapping, with d3.axisBottom and d3.axisLeft for axes. Interactive tooltips appear on mouseover, showing the exact percentage per rating category. The data comes from a local CSV file loaded with d3.csv, and the visualization is rendered as SVG with a linear x-scale for percentages and a band scale for categories.

Ggreeshmareddy135@gmail.com
90% match
Loading thumbnail…

Activity_6_Question2

This stacked horizontal bar chart displays the percentage distribution of ratings across five business types, from "Less than 2.0" to "More than 5.5". Each bar is segmented into colored sections representing rating categories, using `d3.stack()` for data transformation and `d3.scaleOrdinal()` for color mapping. The chart renders as scalable vector graphics (SVG) with axes generated by `d3.axisBottom()` and `d3.axisLeft()`. Interactive tooltips, implemented with mouseover events, reveal exact percentages per category on hover, while the data originates from the included `data.csv` file.

HHarsha vardhan reddy Yarmareddy
89% match
Loading thumbnail…

Activity 6 Question 2

This stacked bar chart shows the percentage distribution of six rating categories within each of six food categories, revealing how genre influences rating outcomes. Mouse hover actions highlight individual bar segments and display exact percentages via tooltip pop-ups. The visualization uses d3.stack() to generate stacked series, d3.scaleOrdinal() for color mapping, d3.scaleLinear() and d3.scaleBand() for axes, and d3.axisBottom() for the percentage axis, rendering in SVG with data from a CSV file.

Jjaswanthreddy2000@gmail.com
89% match