Skip to main content
SimilarExport ZIP
100%

Scatter plot

✓ Published0🌍 Public
Llohitsai62@gmail.com
Last edited Oct 20, 2025
Created on Oct 20, 2025
Forked from HTML Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

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
86% 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
84% match
Loading thumbnail…

Fork of Scatterplot of the Iphone sales

This scatterplot shows the relationship between the sale price of iPhones and their number of ratings, with each point representing a product model. The visualization uses D3.js v7 to load a CSV dataset of iPhone sales from a GitHub gist, parse the numeric fields, and render circles scaled by the sale price on the x-axis and ratings count on the y-axis. The code employs d3.scaleLinear for both axes, d3.extent for domain computation, and d3.axisBottom and d3.axisLeft for tick marks. Hovering over a dot changes its fill color to orange, while the default styling uses steelblue, as defined in the CSS.

Mmukundakrishna.r@gmail.com
81% match
Loading thumbnail…

Scatter Plot

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)".

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

SG

The visualization presents a smartphone scatter plot mapping price against battery life, with each dot representing a model. Color encodes brand, while dot size reflects average rating. The chart uses D3 v7 with SVG rendering, featuring a dark-themed interface, grid lines, custom axes, and a tooltip for detail inspection on hover. Data loads from a raw GitHub gist, where the code normalizes a single-line CSV by inserting line breaks between rows, then binds this data to the visualization elements.

Llohitsai62@gmail.com
80% match
Loading thumbnail…

Multi chart

This chart compares smartphone brands by average price and average units sold. Animated, rounded bars display average prices against a black background, while a glowing cyan line overlays the same chart to show average units sold, using a dual y-axis for the different scales. The visualization is built with React and D3 v6, using `scaleBand`, `scaleLinear`, `axisBottom`, `axisLeft`, and `axisRight` to construct the scales and axes. Data is loaded from a gist CSV and aggregated by brand, with hover tooltips and drop-shadow filters adding interactivity and visual polish.

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

Bar chart

This bar chart displays the top 20 smartphone models by units sold, with each bar’s length representing millions of units and its color indicating the brand. Hovering reveals a tooltip with price, rating, and battery life. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` for axes, `scaleOrdinal` with `schemePastel1` for color, and parses a single-line CSV dataset via `csvParse` after normalization. The SVG renders with grid lines, tick labels, and value annotations.

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

Bar chart

A horizontal bar chart ranks the 20 best-selling smartphone models by units sold, using a dark theme and brand-based color gradients. Built with React and D3 v6, it loads CSV data, sorts and slices it, then renders SVG bars with hover tooltips, gridlines, and labels. The chart maps model names to the y-axis and units sold to the x-axis, with D3’s `scaleBand` and `scaleLinear` handling layout and `scaleOrdinal` assigning colors.

Llohitsai62@gmail.com
79% match