Skip to main content
SimilarExport ZIP
100%

Ice6

✓ Published1🌍 Public
GGorantla Vishnusai
Last edited Mar 26, 2025
Created on Mar 26, 2025

This bar chart visualizes average horsepower for different car brands, sourced from a car models dataset hosted on GitHub. Built with D3 v7 and rendered as SVG, it uses `d3.csv` to load data, `d3.rollup` with `d3.mean` to aggregate, and `d3.scaleBand`/`d3.scaleLinear` to map brands and values. Hovering highlights bars in orange, and axis labels are rotated for readability.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

VarshaICE6

This bar chart displays the average engine horsepower for seven car brands, sorted in ascending order and colored with a sequential red color scale. Built with D3 v6 and rendered as SVG, the visualization uses d3.csv to load data, d3.scaleBand and d3.scaleLinear for axes, and d3.legendColor to add a legend. A hover tooltip shows precise values, while the code references data from a local barchart.csv file.

VVReddy913
86% match
Loading thumbnail…

Bar Chart

This bar chart displays the average horsepower of car models grouped by brand, with each brand represented as a vertical bar. It uses D3.js v7 to load a CSV dataset from a GitHub repository via `d3.csv`, aggregate values with `d3.rollup` and `d3.mean`, and render the visualization with `d3.scaleBand` and `d3.scaleLinear` scales. The chart includes rotated axis labels, hover effects that change bar color to orange, and explicit axis titles for Brand and Horsepower.

Nnishanththouta16@gmail.com
83% match
Loading thumbnail…

A6-Barchart

This bar chart visualizes the average horsepower of cars by manufacturer, using a sequential blue color scale to represent magnitude. The visualization is built with D3 v6, loading data from a CSV file hosted in a GitHub Gist, and then aggregating the data with `d3.rollup` and `d3.mean`. The chart renders as an SVG with bars positioned by `d3.scaleBand` and `d3.scaleLinear`, and includes a color legend via the `d3.legendColor` API from the d3-legend library.

SSukhraj Singh
82% match
Loading thumbnail…

ICE6-BarGraph

This bar chart from the D3.js and React gallery displays average car prices grouped by brand, using data loaded from a CSV file via `d3.csv`. The visualization uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the x-axis, rendering the bars as SVG `rect` elements within a React component. Gridlines and axis tick labels are generated using the scales' `.ticks()` and `.domain()` methods, presenting an interactive, data-driven view of pricing trends across automobile manufacturers.

Mmukundakrishna.r@gmail.com
82% match
Loading thumbnail…

Untitled

This chart displays automobile brands alongside their average horsepower values from a CSV file. The data is rendered as a bar chart using D3 v4’s `scaleBand` and `scaleLinear`, with axes labeled for brand and horsepower. The bars are styled with a steelblue fill, and axis labels are appended directly to the SVG using `axisBottom` and `axisLeft`. The visualization is built within a React framework, though the code shown uses plain D3 and SVG elements.

Ddarrenisdunn
82% match
Loading thumbnail…

ICE-6 Part 1

This bar chart displays the fuel efficiency of cars from 20 manufacturers, sourced from a CSV file accessed via a gist URL. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. The SVG rendering positions named bars, with axis ticks drawn from `xScale.ticks()`. Data is loaded asynchronously via `d3.csv`, and the chart is rendered inside a React component using `ReactDOM.render`.

JJerlineJJ
81% match
Loading thumbnail…

Fork of Bar chart with a Sequential color scale

This bar chart displays the average horsepower for seven car brands, sorted from lowest to highest, with each bar colored according to a sequential red color scale that encodes the horsepower value. The visualization loads data from a CSV file using d3.csv, binds it to SVG rectangles, and uses d3.scaleBand, d3.scaleLinear, and d3.scaleQuantize for positioning and color mapping. Interactive tooltips appear on mouseover, while d3.legendColor adds a legend, and axes are rendered with d3.axisBottom and d3.axisLeft.

SShishiraRudrabhatla
81% match
Loading thumbnail…

Fork of Bar chart with a Sequential color scale New

This bar chart displays the average horsepower for seven car brands, sorted in ascending order and colored with a sequential red scale that maps horsepower values to color intensity. Built with D3 v6, the visualization uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleQuantize` to position and color the bars, while a tooltip appears on mouseover. The rendering is SVG-based, with axes, a color legend, and animation effects, drawing data from a CSV file named `barchart.csv`.

Pprateek
81% match