Skip to main content
SimilarExport ZIP
100%

ScatterPlot_Ice6

✓ Published0🌍 Public
SSaiSriSuryaBandaru@my.unt.edu
Last edited Oct 20, 2025
Created on Oct 20, 2025
Forked from D3 Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6 Scatter plot

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.

AAparna Desi Reddy
83% match
Loading thumbnail…

Ice7Q1

This interactive scatter plot visualizes Microsoft sales data, plotting revenue against profit for different product categories and scaling each point’s radius by order count. Hovering reveals a tooltip with category, revenue, and profit details. Built with D3.js v3, it uses `d3.svg.axis`, linear scales, and `d3.scale.category10` for coloring. Data loads from an external CSV file, and the chart is rendered as an SVG with mouseover transitions controlling tooltip opacity. The reusable `scatterPlot` function configures dimensions, margins, and accessor functions.

Ssrujana reddy
83% match
Loading thumbnail…

ice7

This example shows a scatter plot of revenue versus profit from a CSV dataset of 200 rows. The plot is built with a reusable D3 module called `scatterPlot`, which uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to map and render the axes. Circles are appended with `d3.selectAll` and `join`, using a fixed radius and a steelblue fill. The data is loaded asynchronously with `d3.csv` and parsed to remove currency symbols, while the SVG fills the entire browser window.

Sshyamraghav12@gmail.com
82% 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
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
82% match
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
82% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes country data by plotting total cost on the x-axis against total profit on the y-axis, with each point representing a sales record. Hovering a circle changes its fill to orange and displays a tooltip with the country, cost, and profit values, implemented using `d3.select` and event handlers. The chart uses `d3.csv` to load remote data, `d3.scaleLinear` for axes, and `d3.axisBottom` and `d3.axisLeft` to render scales. Data points are drawn as SVG circles via the `join` operator, with a legend title styled using a CSS class.

Hhquazza@gmail.com
81% 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
80% match