Skip to main content
SimilarExport ZIP
100%

Task8_Question2

✓ Published0🌍 Public
KKeerthi
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This stacked bar chart shows the percentage distribution of cuisine preferences across five cities: Cambridge, Somerville, Newton, Quincy, and Salem. It uses d3.stack() to compute the stacked series and d3.scaleBand with d3.scaleLinear for the y- and x-axes, respectively. The SVG rendering includes interactive tooltips on mouseover that display the exact percentage for each cuisine segment, using d3.select and event handlers. Color encoding relies on d3.schemeCategory10 via d3.scaleOrdinal, with a legend positioned to the right of the chart.

AI-generated description

Cuisine Preferences in different cities

This stacked bar chart gives the percentage distribution of cuisine preferences in different cities.

MIT Licensed

Similar vizzes

Loading thumbnail…

Stacked bar Assignemnt 2

This stacked bar chart compares the number of dishes for ten food types across ten Massachusetts cities, excluding Boston. It uses a vertical layout with horizontal bars, where each city is a row and colored segments represent cuisine counts. The visualization includes an interactive tooltip that displays the specific food type and count on hover. Built with D3 and the `d3-scale-chromatic` library, the chart renders as an SVG and uses `scaleLinear` and `scaleBand` for axes, with `scaleOrdinal` for color mapping.

VVishnu Sudireddy
83% match
Loading thumbnail…

Activity 6 quiz 2.1

This stacked bar chart visualizes the distribution of food ratings across twenty cuisines, with each bar segment representing the proportion of responses in five categories from "Extremely Low" to "Highest." The visualization uses d3.stack() to transform the CSV data into stacked series, d3.scaleOrdinal for color encoding, and d3.scaleBand for the categorical y-axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating category using d3.format. The SVG rendering includes custom axes, gridlines, and a legend-style title.

Ssreejabommineni1506@gmail.com
81% match
Loading thumbnail…

Task 8 task 2

A stacked bar chart shows the distribution of food ratings across five percentage categories, from below 5.0 to above 8.5, for items like panipuri and Chickenbiryani. The chart uses d3.stack() to create stacked segments, with colors assigned via d3.scaleOrdinal. d3.axisBottom and d3.axisLeft render the axes, while mouseover events trigger a tooltip displaying exact percentages. Data comes from a CSV file, rendered as SVG in D3 v7.

Jjaswanthichowdarykalapala@my.unt.edu
80% match
Loading thumbnail…

task2 question

A stacked bar chart displays the percentage distribution of five rating levels across different vegetables, with each bar segment colored by rating category and totaling 100%. Hovering over a segment highlights it and reveals a tooltip with the exact percentage for that vegetable and rating level. The visualization uses D3 v7’s `d3.stack()`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to encode data from a CSV file, rendering segments as SVG rectangles with mouse event handlers for interaction.

Llingaladineshteja23@gmail.com
79% match
Loading thumbnail…

task 8 question 2.2

A stacked horizontal bar chart shows the proportion of ratings (below 4, 4-5, 5-6, 6-7, 7-8, above 8) for six food categories, with each bar segmented by rating range. The visualization uses D3.js v7 with SVG rendering, employing d3.stack() to aggregate the data, d3.scaleBand() for the category axis, d3.scaleLinear() for the percentage axis, and d3.scaleOrdinal() for color encoding. Interactive tooltips display the exact percentage of each rating segment on hover, using event listeners and d3.format() to present values. The data is loaded from a CSV file containing pre-computed proportions.

Vvchittimadha@gmail.com
79% match
Loading thumbnail…

Stacked bar chart of food in cities

A stacked bar chart displays the number of restaurants by food type across ten cities, excluding Boston. The visualization uses D3.js with an SVG rendering and a categorical color scale from d3-scale-chromatic. Tooltips reveal the exact restaurant count for each food category on hover. The chart is built using D3's stack method to aggregate data from a CSV file, with axes and legends manually positioned.

MMing Liu
79% match
Loading thumbnail…

Activity6_Question2

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.

Rrishithagovini99@gmail.com
78% match
Loading thumbnail…

Fork of Fork of Stacked bar chart of Yelp data: top cities

This stacked bar chart displays the count of highly-rated restaurants (4 stars or above) across ten cuisine types for nine Massachusetts cities, excluding Boston. Each horizontal bar represents a city, segmented by food category using distinct colors from a custom ordinal scale via `d3.scaleOrdinal`. The visualization is built with D3.js v7, processing CSV data through `d3.csv` and `d3.stack`. Interactive tooltips appear on mouseover, showing the cuisine and its count, while a manually positioned legend lists food types alongside the axis.

RRahulSai05
78% match