Skip to main content
SimilarExport ZIP
100%

BAR CHART

✓ Published0🌍 Public
Llohitsai.nikkil@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from Simple 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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Bar chart

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.

Llohitsai62@gmail.com
87% match
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
87% 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
87% 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
84% 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
83% 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
81% match
Loading thumbnail…

activity6task2q2

This stacked bar chart shows how phone brand influences the distribution of ratings across five percentage categories. Built with D3 v7, the SVG visualization uses `d3.stack()` to aggregate proportions and `d3.scaleBand` for brand grouping, with `d3.scaleOrdinal` assigning colors to rating categories. Hover interactions reveal exact percentages via a custom tooltip, while the data comes from a CSV file mapping brands like Apple and Samsung to their rating breakdowns.

Ssaitejakaranam10@gmail.com
79% match
Loading thumbnail…

activity6task2

This example displays a horizontal stacked bar chart comparing smartphone brand market share across five discount ranges, from "Below 10%" to "Above 40%." Rendered using D3 v5, the visualization loads data from a local CSV file and uses the `d3.select` API to bind the chart to the DOM. The chart segments each brand's bar proportionally, with colors distinguishing the discount brackets. The code imports local ES6 modules for the message text, demonstrating modular integration alongside D3’s UNPKG delivery.

Ssaitejakaranam10@gmail.com
78% match