ICE-6 Scatter plot

100%

ICE-6 Scatter plot

✓ Published0🌍 Public

Last edited Mar 6, 2026

Created on Mar 6, 2026

This scatter plot visualizes the relationship between units sold and profit in USD, with each point's color encoding customer rating on a rainbow scale. The visualization uses D3.js v7 to load a CSV file, parse numeric values, and render an SVG chart with axes, labels, and tooltips. It employs `d3.scaleLinear` for the x and y positions, `d3.scaleSequential` with a rainbow interpolator for coloring, and `d3.axisBottom` and `d3.axisLeft` to generate the coordinate system. The chart demonstrates a positive correlation between sales volume and profitability.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE6 - Scatter Plot

This scatter plot visualizes the correlation between sales and profit using a dataset from a public GitHub repository. The visualization displays individual data points as circles, with sales on the x-axis and profit on the y-axis. The code uses d3.csv to load and parse the data, d3.scaleLinear to map the data values to pixel coordinates, and d3.axisLeft and d3.axisBottom to render the axes. The chart renders as SVG, with each data point represented by a circle of radius 5, and includes axis labels for both dimensions.

Kkuraakhila9@gmail.com

87% match

Loading thumbnail…

ICE6- Kumar Danam

This scatter plot visualizes the relationship between units sold and total sales revenue for a dataset of products. It uses a linear scale for both axes, with each product represented as a semi-transparent green circle, enabling a quick assessment of correlation between the two variables. The visualization is built using the D3.js v7 library, employing `d3.csv` to load the data and `d3.scaleLinear` to map the data values to screen coordinates. SVG rendering is used to draw the axes, labels, and data points, with the chart titled “Relationship Between Units Sold and Sales.”

KKumar Danam

84% match

Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes store sales data, showing the relationship between sales and the number of orders for products across multiple categories, with each category assigned a distinct color. The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub gist, then applies `scaleLinear` and `extent` to map the axes, with `axisLeft`, `axisBottom`, and SVG circles rendering the points. Axis labels are styled via CSS and SVG text elements.

Llibramanju

84% match

Loading thumbnail…

ScatterPlot_Ice6

This scatter plot visualizes Amazon sales data, showing the relationship between Total Revenue and Total Profit. Each circle represents a country, positioned by revenue and profit, with its size encoding Units Sold and its color encoding the sales Region. The D3.js code loads a remote CSV, uses `d3.scaleLinear` for axes and `d3.scaleSqrt` for sizing, and renders interactive tooltips on mouseover. A legend and animated hover transitions enhance the presentation.

SSaiSriSuryaBandaru@my.unt.edu

83% match

Loading thumbnail…

ICE7 - Scatter Plot

A reusable scatter plot built with D3.js 6.7.0 visualizes sales, profit, and discount data from a remote CSV file. The plot displays circles for each data point, with axes and labels, and each circle is rendered with a white stroke and black fill. Every two seconds, the plot cycles the x-axis between the Profit, Discount, and Sales columns, updating the axis labels and re-rendering the points accordingly. The implementation uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scaling and axis generation.

Kkuraakhila9@gmail.com

83% match

Loading thumbnail…

ICE-6

This scatter plot visualizes the relationship between sales in North America and product ratings, using a dataset loaded from a CSV file via `d3.csv`. The visualization shows individual data points as navy blue circles, with sales figures mapped to the x-axis and ratings constrained to a fixed domain of 7 to 10 on the y-axis. The chart is rendered as an SVG using D3 v6, with linear scales (`scaleLinear`), axes generated via `axisLeft` and `axisBottom`, and data points positioned using the `extent` function to determine the x-domain. The plot is titled and styled directly in the HTML document.

Ssatishnarne99@gmail.com

83% match

Loading thumbnail…

ICE7

This interactive scatter plot visualizes the relationship between sales and profit using a cleaned sales dataset loaded via D3’s `csv` method. It uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and renders circles with SVG. A custom tooltip displays category, sales, and profit values on mouseover. The chart includes axis labels and a title, with data cleaning applied to handle formatting and invalid entries.

Ssrinathkarumuru@my.unt.edu

83% match

Loading thumbnail…

Fork of ICE-6(Scatter plot)

This scatter plot from the ICE-6 series visualizes monthly sales versus profit using D3 v7 with SVG rendering. Each circle encodes a month’s sales on the x-axis and profit on the y-axis, with a hover tooltip revealing exact values via mouse events. The chart includes gridlines, axis labels, and a legend, pulling data from a local CSV file. A title and caption provide context, while the dark theme and scaling functions (d3.scaleLinear, d3.extent) structure the visualization clearly.

Vvydeeshm@gmail.com

82% match