Skip to main content
SimilarExport ZIP
100%

Fork by ICE 6 Pran

✓ Published0🌍 Public
PPran6728
Last edited Mar 6, 2023
Created on Mar 6, 2023

This bar chart visualizes weekly sales data from a CSV file, with each bar representing an ID and its corresponding sales figure, and includes interactive tooltips that display the sales value on hover. The visualization uses D3 v7 and is built with an SVG canvas. It employs `d3.csv` to load the data, `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft` and `axisBottom` to render the axes. Bars change color on mouseover via a custom tooltip implemented with D3 selections.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE-6-Prathima -coffee

This bar chart visualizes sales volumes for different coffee menu items, displaying each beverage name along the x-axis and its corresponding sales quantity on the y-axis. The visualization uses D3 v7’s `d3.csv` to load data from a GitHub gist, then applies `d3.scaleBand` and `d3.scaleLinear` to map categories and values. Bars are rendered as SVG rectangles with a steelblue fill, and axes include rotated labels using `d3.axisBottom` and `d3.axisLeft`.

Kkotlavamsireddy@gmail.com
82% match
Loading thumbnail…

Fork of ICE-6(multi series)

This fork of ICE-6 combines bar and line series to compare monthly sales and profit data loaded from a CSV file. Bars encode sales values while a monotone-curved line shows profit, with both sharing a linear y-scale and band x-scale. The D3 v7 chart includes gridlines, axis labels, a legend, and interactive tooltips on bars and points. SVG rendering is used throughout, leveraging `d3.csv`, `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, `d3.line`, and event handlers for mouse and keyboard accessibility.

Vvydeeshm@gmail.com
82% match
Loading thumbnail…

Fork of ICE6 - Marks and Channels

This example shows a bar chart of sales revenue per product from January through May 2024. It uses D3 v6 with SVG rendering, loading CSV data from a GitHub gist and aggregating it with `d3.rollup` to sum revenues by product. Horizontal bars are drawn as `rect` elements with a steelblue fill that turns orange on hover, using `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis. Axes are generated with `d3.axisLeft` and `d3.axisBottom`.

Bbhargavinalamothu@gmail.com
82% match
Loading thumbnail…

Fork of ICE-6

This is a bar chart of supermarket sales data, showing the unit price for the first ten product lines from a CSV file. Built with React and D3 v5, it uses `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and renders SVG rectangles for each bar. Data is loaded asynchronously via `d3.csv` and limited to ten entries before being displayed. The chart includes custom axes with gridlines and labels, all rendered as SVG elements within a React component.

SsreepavanKothapalli
81% match
Loading thumbnail…

Fork of ICE

This fork of ICE renders a bar chart that shows the average of a detected numeric column grouped by a categorical column, with the data pulled from a remote Gist-hosted CSV file. The code uses d3.csv to load the data, heuristics to pick suitable categorical and numeric columns, and d3.rollups with d3.mean to aggregate the values. The resulting bars are drawn with d3.scaleBand and d3.scaleLinear, and the visualization includes axis labels, rotated category labels, and a grid for easier reading.

Ssarasaketh3@gmail.com
80% match
Loading thumbnail…

Fork of ICE 6

A bar chart displays automobile prices across car makes, sourced from a CSV dataset. The visualization uses D3 v5 to load data via `d3.csv` and render SVG rectangles scaled with `d3.scaleBand` and `d3.scaleLinear`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, with rotated x-axis labels. The chart includes titles and axis labels, with bars colored steelblue.

Iindushashi.g@gmail.com
80% match
Loading thumbnail…

Fork of Fork of Fork of Fork of fork of ICE-7

This example displays a line chart of sales data over time. It uses a time-scaled x-axis for years and a linear y-axis for sales values. The visualization is built with D3 v5, using `d3.scaleLinear`, `d3.scaleTime`, `d3.line`, and axis utilities. The SVG is rendered with a path element, and the axes are customized with brown tick lines and purple tick labels. Data is loaded from a GitHub gist CSV file using `d3.csv`.

Ssainitish1999
79% match
Loading thumbnail…

Fork of Fork of Fork of fork of ICE-7

This example shows a line chart of sales data over time, with a year-based x-axis and a numeric sales y-axis. Data is loaded from a CSV file and parsed using D3’s `csv` and `timeParse`. The chart uses `scaleTime` and `scaleLinear` for axes, `line` to generate the path, and `axisBottom` and `axisLeft` for ticks. Styled with purple tick labels, brown grid lines, and an orange stroke, the visualization is rendered as an SVG with D3 v5.

TTulluripallavi
79% match