Mobiles brand Rating

100%

Mobiles brand Rating

✓ Published0🌍 Public

SSwapna1915

Last edited Jul 26, 2023

Created on Jul 26, 2023

This chart displays the distribution of mobile phone ratings for six brands, showing the percentage of reviews falling into five rating categories from "below 5.0" to "above 8.5". Each brand is represented as a horizontal stacked bar, with colored segments corresponding to each rating band. The visualization uses D3.js v7 with an SVG rendering approach, employing `d3.stack` to create stacked data, `d3.scaleLinear` for the percentage axis, and `d3.scaleBand` for the categorical brand axis. Interactive tooltips display exact percentages on hover, with the data loaded from a local CSV file.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart visualizes the ratings of various mobile phone brands, including Motorola, Nokia, Samsung, HUAWEI, Apple, and Sony. It shows the distribution of numeric rating values across brands using horizontal bars, with the highest rating value determining the linear scale domain. The visualization uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG chart, with data loaded from a CSV file. The chart also customizes the axes by removing default domain lines and adding an axis label for the brands.

SSwapna1915

80% match

Loading thumbnail…

Stacked Movie ratings

This stacked bar chart shows the distribution of movie ratings across six genres, with each bar divided into five rating categories from “below 5.0” to “above 8.5.” Hovering over a segment reveals the exact percentage of that rating level within the genre. The visualization uses d3.stack() to compute the stacked segments and d3.scaleBand for the categorical y-axis, rendering the result as SVG rectangles. Data is loaded from a CSV file, and tooltips provide precise values formatted with d3.format.

SSharankumar02

72% match

Loading thumbnail…

Mobile Inventory stacked bar chart

This example shows mobile inventory counts for three brands—Samsung, OnePlus, and Motorola—broken into Mobile, Tablet, and Earpods categories using a stacked bar chart. Each bar segments three colored rectangles (pink, yellow, red) representing the product types, with axis labels and a legend to the right. The code uses D3 v7 via UNPKG, building the visualization with `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` in an SVG. The dataset is hardcoded in the script, and the legend maps each color to its corresponding value name.

VVenkat-Sumith-Thota

72% match

Loading thumbnail…

Main.js

This line chart shows mobile phone sales by brand from 2010 to 2020, with each brand represented by a distinct colored line. The visualization uses d3.csv to load the dataset, d3.scaleBand and d3.scaleLinear for the x and y axes, and d3.line to draw the paths. SVG rendering is used, with the chart including axis labels and a title, while the color scale employs d3.schemeCategory10 to differentiate brands.

Ttelkapallyrekha@gmail.com

72% match

Loading thumbnail…

Smoothed D3.js Radar Chart

This smoothed radar chart compares three mobile phone brands—iPhone, Samsung, and Nokia—across eight criteria such as battery life, brand, and price. For each brand, a closed polygon is drawn using `d3.scaleLinear` for the radial axis and smooth, cardinal-closed paths (`roundStrokes: true`). The SVG is generated with D3.js v5, colored via `d3.scaleOrdinal` with a custom range, and includes interactive hover effects and an animated legend.

KKuerzibe

71% match

Loading thumbnail…

Movie ratings_test

This stacked bar chart displays the distribution of five rating categories across six movie genres, showing how rating percentages vary by genre. Each horizontal bar represents a genre, segmented into colored bands for ratings below 5.0 through above 8.5, with a legend on the right. The visualization uses d3.csv to load data and d3.stack to compute the stacked segments, with d3.scaleBand for the y-axis and d3.scaleLinear for percentages. Interactive tooltips appear on hover via mouseover events, highlighting specific rating proportions.

Yyuqing35

71% match

Loading thumbnail…

Activity-7(2)

This visualization shows stacked horizontal bars comparing the distribution of six movie genres across five rating categories, from "below 5.0" to "above 8.5". The chart reads the CSV data using d3.csv and uses d3.stack to create stacked segments, with d3.scaleOrdinal for color mapping and d3.scaleBand for the vertical genre axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment using d3.format. The SVG rendering includes custom axes and a legend built from HTML elements.

SSharankumar02

71% match

Loading thumbnail…

IMDb Movie ratings

This visualization displays the distribution of IMDb movie ratings across six genres, using stacked horizontal bars that segment percentages into five rating categories from "below 5.0" to "above 8.5." The chart reads from a local CSV file and renders with SVG. It employs d3.stack, d3.scaleOrdinal, and d3.scaleBand to construct the layout. Interactive tooltips reveal exact percentages per genre and rating category during mouseover, and a legend color-codes each rating band.

NNagateja99

71% match