Skip to main content
SimilarExport ZIP
100%

Fork of D3 Starter

✓ Published0🌍 Public
Vvijaysaichigullapally1@gmail.com
Last edited Oct 19, 2025
Created on Oct 18, 2025
Forked from D3 Starter

This bar chart visualizes 150 product values across four groups (A–D), sorted descending to compare item magnitudes. Built with D3 v7, it uses `d3.csv` to load `ice6_products_150.csv`, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.schemeTableau10` for group colors. Hovering reveals a tooltip with product, value, and group details; bars are SVG `<rect>` elements with a hover transition, and the chart includes rotated x-axis labels and a legend.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of bar D3 Starter

This bar chart visualizes product sales values from a CSV dataset, with each bar representing a product and its height corresponding to the sales figure. The chart includes axis labels, a title, and interactive hover effects that display a tooltip and change the bar’s color. Built with D3.v7, it uses `d3.csv` to load the data, `d3.scaleBand` and `d3.scaleLinear` for scales, and `d3.axisBottom`/`d3.axisLeft` for axes, all rendered as SVG within a styled HTML page.

119h61a05c9@cvsr.ac.in
88% match
Loading thumbnail…

bar D3 Starter

This interactive bar chart displays sales values for 49 products (Product A through Product AW), ranging from 124 to 198, loaded from a CSV file using d3.csv. Built with D3.js v7, it renders SVG rectangles scaled with d3.scaleBand and d3.scaleLinear. Hovering triggers a tooltip and changes bar fill to orange, while rotated axis labels and labeled axes aid readability.

119h61a05c9@cvsr.ac.in
86% match
Loading thumbnail…

Fork of D3 Starter

A fork of the D3 Starter example renders a simple bar chart of product heights on an SVG canvas. Each of the six products from the `products.json` file is represented by a rectangle, positioned along the x-axis with explicit spacing, while the bar height corresponds to the numeric value of the `height` field. The visualization uses raw D3 v6 methods, including `d3.select` and `d3.json`, to append `rect` elements, with styling applied via attributes such as `fill` and `stroke`. The chart is static and lacks axes, labels, or interactivity.

EEmanuel Alvarado Perez
82% match
Loading thumbnail…

Fork of D3 Starter

A bar chart displays monthly company sales, with bars colored on a blue sequential scale to indicate value. The chart loads comma-separated data from a remote GitHub gist and uses D3 v7 alongside its CSS-based transition and selection APIs. It builds the visualization with `d3.scaleBand` and `d3.scaleLinear`, renders axis tick labels rotated via an SVG transform, and shows a tooltip on mouseover using `transition.style` and absolute positioning. The SVG rendering is static except for tooltip fade transitions.

Ddeepthinaidu2001@gmail.com
82% match
Loading thumbnail…

Fork of D3 Starter

This bar chart displays store sales performance across 15 stores, with each bar representing a store’s sales value. The chart uses d3.scaleBand for the x-axis and d3.scaleLinear for the y-axis, rendering as SVG. Data comes from an external CSV file loaded via FileAttachment, and the chart includes interactive tooltips showing store details. The implementation applies d3.axisBottom and d3.axisLeft to label axes, and bars are sorted by descending sales using d3.groupSort.

SSAIKrishna140
81% match
Loading thumbnail…

Fork of D3 Starter

This bar chart visualizes average monthly sales data across multiple years, displaying sales figures for each month from January through December. The chart uses a steel blue color scheme and rotated x-axis labels to improve readability of the month names. The visualization is built with D3 v7, loading CSV data through the `d3.csv` API and rendering the bar chart as SVG elements. The code uses `d3.scaleBand` for the categorical month axis and `d3.scaleLinear` for the continuous sales values, with axes generated using `d3.axisBottom` and `d3.axisLeft`.

KKOLLIPATI NIKHIL
81% match
Loading thumbnail…

Fork of D3 Starter

This bar chart visualizes the popularity scores of 120 athletes, sorted in descending order, with truncated tick labels and a sampled axis to manage the dense categorical axis. Built with D3 v7, it loads CSV data via `d3.csv` and `d3.autoType`, then uses `d3.scaleBand` and `d3.scaleLinear` to map names and scores. The SVG output is rendered using `d3.select`, `join`, and axis generators like `d3.axisBottom` and `d3.axisLeft`. Tooltips are added via SVG `<title>` elements, and the chart includes clear axis titles and a main heading.

Ssarasaketh3@gmail.com
81% match
Loading thumbnail…

Fork of vendas_por_grupo_bar_chart

This horizontal bar chart visualizes product group sales quantities from a CSV file, ranking categories like footwear and accessories by units sold. The D3 v7 code uses `scaleLinear` and `scaleBand` to map data to SVG rectangles, with `axisBottom` and `axisLeft` generating labeled axes. Hover effects are applied via CSS, and the visualization is styled with a dark gradient background and bold yellow bars, with data loaded asynchronously via `csv()`.

Vvijaygvdr
81% match