Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
Kkruthanreddy812@gmail.com
Last edited Mar 8, 2026
Created on Mar 8, 2026
Forked from HTML Starter

This bar chart displays laptop sales quantities by company, sourced from the laptop_sales_160.csv file. It uses D3.js v7 to bind the data, create a band scale for the x-axis, and a linear scale for the y-axis. The SVG rendering shows yellow bars for each company, with axes and labels generated using d3.axisBottom and d3.axisLeft.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This example shows a bar chart of laptop sales by company, using a CSV dataset of 160 records. The visualization encodes each company’s total Quantity_Sold as the height of a steelblue rectangle, with an ordinal x-axis and linear y-axis. It is built with d3.csv, scaleBand, scaleLinear, and axisBottom/axisLeft, rendering to SVG. The chart loads data asynchronously and maps the CSV’s numeric column before drawing the bars.

Kkruthanreddy812@gmail.com
93% match
Loading thumbnail…

Fork of HTML Starter

This example compares laptop cost and quantity sold across 160 records from a CSV file. A yellow line chart traces quantity sold over the record index, while thin orange bars represent cost values on the same axes. The visualization uses D3 v7 with SVG rendering, employing `d3.csv`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft`. Axes, labels, and a legend for both series are included.

Kkruthanreddy812@gmail.com
85% match
Loading thumbnail…

Fork of Fork of D3 Starter

This visualization displays laptop sales as a pie chart, with each slice representing the total quantity sold per company. It uses D3.js version 3, specifically leveraging the `pie` and `arc` generators to compute slice geometry, and `scaleOrdinal` with `schemeCategory10` to assign colors. The data is loaded from a remote CSV file via D3's `csv` function, then aggregated by company before rendering. The chart is drawn as an SVG element, centered within a 600x450 pixel canvas, with a 150-pixel radius for the pie.

Kkruthanreddy812@gmail.com
85% match
Loading thumbnail…

Fork of HTML Starter

A pink scatter plot compares laptop Cost and Quantity_Sold using data from laptop_sales_160.csv. The visualization maps price on the x-axis and units sold on the y-axis, with each circle representing a product. The code loads data with d3.csv, converts fields to numbers, and uses d3.scaleLinear with d3.axisBottom and d3.axisLeft for axes. Circles are appended as SVG elements with explicit x, y, and radius attributes, and axis labels are added as text elements.

Kkruthanreddy812@gmail.com
85% match
Loading thumbnail…

Fork of Fork of D3 Starter

This example visualizes laptop sales distribution by company using a pie chart, with each slice labeled by its percentage of the total. Data is loaded from a CSV file via a GitHub Gist, and quantities are aggregated by company. The chart is rendered as an SVG using D3 v7, employing `d3.pie` and `d3.arc` to generate the pie geometry, `d3.scaleOrdinal` for categorical colors, and `d3.schemeCategory10` for the palette. A legend is built manually with SVG rectangles and text elements.

Kkruthanreddy812@gmail.com
84% match
Loading thumbnail…

Fork of HTML Starter

A bar chart displays product sales distribution across 100 products, with steelblue bars showing sales amounts for each product name. The visualization uses D3.js v7 to load CSV data via `d3.csv`, map products to an x-axis using `scaleBand`, and map sales values to a y-axis with `scaleLinear`. Axes are rendered using `d3.axisBottom` and `d3.axisLeft`, with rotated x-axis labels, and section titles label the chart axes.

YYamini Malikireddy
83% match
Loading thumbnail…

Fork of HTML Starter

This chart shows the distribution of product sales across 100 products, using a bar chart to display each product’s sales amount. The visualization uses D3.js v7 to load the `product_sales.csv` data, with `d3.scaleBand` for the horizontal product axis and `d3.scaleLinear` for the vertical sales axis. Bars are rendered as SVG rectangles in steelblue, with rotated labels on the x-axis for readability. The axes are generated using `d3.axisBottom` and `d3.axisLeft`, and the chart includes axis labels for "Product Name" and "Sales Amount."

YYamini Malikireddy
83% match
Loading thumbnail…

Fork of HTML Starter

This bar chart visualizes global sales figures for a dataset of video game titles, with each bar representing a single game’s total sales in millions. Built with D3 v7, it renders an SVG chart using `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis, with axis labels and a legend. Data is loaded asynchronously via `d3.csv` from a GitHub gist, and x-axis tick labels are rotated and thinned to every tenth entry for readability.

Nnithinreddypinikesi@my.unt.edu
82% match