Bar chart

100%

✓ Published0🌍 Public

Last edited Oct 19, 2025

Created on Oct 19, 2025

This horizontal bar chart ranks the top 20 smartphone models by units sold (in millions), with each bar colored by brand using a pastel ordinal scale. The visualization uses React 16.9 and D3 v5, employing `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and `scaleOrdinal` for color encoding. Data is fetched from a remote CSV, normalized from single-line format, and rendered as SVG rectangles with tooltips showing price, rating, and battery life.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar chart

This bar chart displays the top 20 smartphone models by units sold, with each bar’s length representing millions of units and its color indicating the brand. Hovering reveals a tooltip with price, rating, and battery life. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` for axes, `scaleOrdinal` with `schemePastel1` for color, and parses a single-line CSV dataset via `csvParse` after normalization. The SVG renders with grid lines, tick labels, and value annotations.

Llohitsai.nikkil@gmail.com

96% match

Loading thumbnail…

Bar chart

A horizontal bar chart ranks the 20 best-selling smartphone models by units sold, using a dark theme and brand-based color gradients. Built with React and D3 v6, it loads CSV data, sorts and slices it, then renders SVG bars with hover tooltips, gridlines, and labels. The chart maps model names to the y-axis and units sold to the x-axis, with D3’s `scaleBand` and `scaleLinear` handling layout and `scaleOrdinal` assigning colors.

Llohitsai62@gmail.com

95% match

Loading thumbnail…

bar chart

This bar chart compares smartphone models by units sold in millions, using a vertical bar encoding to show each model’s total sales. The visualization is built with React 16.9 and D3 v5, where a `d3.scaleBand` positions the categorical model labels on the x-axis and a `d3.scaleLinear` maps the numeric sales values to bar heights. Data is loaded as CSV via `d3.csv`, and the SVG bars are rendered with rotated x-axis tick labels to accommodate the long model names.

Llohitsai.nikkil@gmail.com

91% match

Loading thumbnail…

BAR CHART

A dark-themed bar chart ranks smartphone brands by total units sold in millions. Summed via `d3.rollups` and sorted descending, each brand appears as a blue bar with value labels, using a band scale for categories and a linear scale for counts. The CSV is fetched from a GitHub Gist, parsed with `d3.csvParse` and `d3.autoType`, then rendered as SVG with gridlines and rotated axis labels generated through `d3.axisLeft` and `d3.axisBottom`.

Llohitsai.nikkil@gmail.com

87% match

Loading thumbnail…

Scatter plot

This dark-themed scatter plot shows the relationship between units sold and total sales for smartphone models, with each point colored by brand and sized by average rating. Hovering reveals a tooltip with model details. Built with D3 v7, the visualization loads CSV data, applies linear scales for axes and a color scale for brands, and uses SVG circles with mouse events for interactivity.

Llohitsai62@gmail.com

79% match

Loading thumbnail…

A6_Q2

A stacked bar chart visualizes smartphone market share across five price ranges—Low, Mid, High, Premium, and Ultra Premium—for six brands. Each horizontal bar represents a brand, with colored segments depicting the proportional share in each price tier. The code uses D3.js v7, building an SVG with `d3.select`, `d3.scaleBand`, and `d3.scaleLinear` for axes, and `d3.stack` to aggregate the data. Color mapping is handled via `d3.scaleOrdinal`, and a legend is manually constructed using `svg.append`. The synthetic dataset defines share values for each brand and price range.

SShashankkodishala@my.unt.edu

78% match

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

78% match

Loading thumbnail…

Car Sales Bar Chart

This visualization displays car sales figures as a bar chart, with each brand represented by a vertical bar showing its last-year sales count on a linear scale. The chart includes rotated x-axis labels for readability and uses a teal color scheme for the bars. Built with D3.js v4 and React, the visualization creates an SVG graphic, using `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Data is loaded from a CSV file containing brand and sales information.

MManideeprenikindi

77% match