Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published0🌍 Public
Llohitsai.nikkil@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025

This scatter plot visualizes the relationship between the price of various headphone brands and their units sold, with each point colored by brand and displaying a tooltip on hover for model details. The visualization uses D3.js version 7, importing functions like `scaleLinear`, `extent`, `axisBottom`, `axisLeft`, and `schemeCategory10` to handle the scales, axes, and categorical color mapping. The data is loaded from a remote CSV file via `d3.csv` and rendered using an SVG container, with axes labeled "Price (USD)" and "Units Sold (Million)".

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter plot

This dark-themed scatter plot shows the relationship between units sold and total sales for smartphone models, with each point colored by brand and sized by average rating. Hovering reveals a tooltip with model details. Built with D3 v7, the visualization loads CSV data, applies linear scales for axes and a color scale for brands, and uses SVG circles with mouse events for interactivity.

Llohitsai62@gmail.com
81% match
Loading thumbnail…

sp

A scatter plot displays smartphone models by price on the x-axis and battery life on the y-axis. Each dot encodes brand through color and average rating through size, with a legend explaining the mappings. Built with D3 v7, the visualization uses SVG rendering and includes interactive tooltips that appear on hover. The data comes from a CSV file fetched via URL and parsed with D3's CSV parser, with custom text preprocessing to handle single-line formatting. Axis gridlines and styled panels enhance readability within a dark theme.

Llohitsai.nikkil@gmail.com
76% match
Loading thumbnail…

ScatterPlot

This scatter plot visualizes the relationship between BMW sales and price, with each point representing a model. The code loads data from a CSV file and maps sales to the x-axis and price to the y-axis using d3.scaleLinear. Rendered as SVG circles with hover effects, the chart displays axes via d3.axisBottom and d3.axisLeft, and includes text labels for both dimensions. The visualization uses D3 v7 and applies CSS styling for dot appearance.

GGorantla Vishnusai
76% match
Loading thumbnail…

Reusable Scatterplot

This scatter plot visualizes the relationship between units sold and sales revenue for mobile devices, with data points colored by brand. The implementation uses a reusable `scatterPlot` module built with D3 v6, employing `scaleLinear` and `scaleOrdinal` for axes and color encoding, alongside `axisLeft` and `axisBottom` for chart annotations. The visualization cycles between two halves of the dataset every five seconds, fetched from a CSV via `d3.csv`, and renders as an interactive SVG with a 12-pixel font for labels.

Ttelkapallyrekha@gmail.com
75% match
Loading thumbnail…

Car Sales Scatter Plot

A scatter plot displays the relationship between units sold and revenue for eight car brands, with each point colored uniquely. The visualization uses Chart.js on a canvas element to render the data, mapping units sold to the x-axis and revenue to the y-axis. Hovering over a point triggers a tooltip showing the brand name and revenue, while the chart includes labeled axes and a title. The data is embedded directly in the script as an array of objects.

VVinay Vemuri
73% match
Loading thumbnail…

Beauty Product Sales Scatter Plot

This scatter plot visualizes the relationship between units sold and revenue for various beauty products, with each point labeled by product name. The chart uses D3 v5 to load the CSV data, scale linear axes, and render SVG circles and text labels. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while points are positioned using the `xScale` and `yScale` functions. The visualization highlights trends between sales volume and revenue, such as higher-revenue products not always having the highest units sold.

NNukaShravanKumar
73% match
Loading thumbnail…

pp Scatter Plot

This animated scatter plot visualizes the relationship between sales volume and either price or another numeric attribute for phone data, toggling the x-axis variable every two seconds. Built with D3 v7, it uses `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for tick marks. The `setInterval` function re-binds the data, updating circle positions via `attr('cx')`. Data loads asynchronously from a CSV via `d3.csv`, rendered as an SVG with steelblue circles.

Ssaisathyapriya097@gmail.com
73% match
Loading thumbnail…

scatterplot2

This animated scatter plot displays phone data, alternating the x-axis between Price and SalesVolume every two seconds to reveal different relationships in the dataset. Built with D3.js v7, it uses SVG circles with a fixed radius and steelblue fill, positioned via linear scales derived from the CSV data. The chart is constructed through a custom `createScatterPlot` function that leverages D3's `selectAll` and `join` for efficient DOM updates, while `setInterval` drives the periodic column switching animation.

Ppilliprathimarani@my.unt.edu
73% match