Skip to main content
SimilarExport ZIP
100%

Shish's Scatterplot- ICE6

✓ Published0🌍 Public
SSai Shishir Koppula
Last edited Oct 20, 2025
Created on Oct 20, 2025
Forked from HTML Starter

This scatter plot shows the relationship between battery capacity (mAh) and price ($) for smartphone models from a 2024 dataset. Each point represents a smartphone model, and hovering reveals details. The visualization uses d3.csv to load data, d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for tick marks, and SVG rendering with D3 v7. A custom tooltip displays information on hover, and the axes are labeled as required.

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

ICE-7 Scatter plot

This scatter plot visualizes the relationship between mobile phone price and units sold, with each data point represented by a distinct symbol (circle, cross, or diamond) based on player type and colored by country. The visualization uses D3.js version 6.7.0, employing scaleLinear for axes, scaleOrdinal with schemeCategory10 for colors, and d3.symbol for point markers. Data comes from a CSV file loaded via d3.csv, with dimensions filling the entire browser window. The chart displays axes with tick marks and plots points with a 5-pixel radius, though symbol sizes remain consistent regardless of the radius setting.

Ttelkapallyrekha@gmail.com
78% 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
77% match
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
76% match
Loading thumbnail…

task4.9

This bubble chart visualizes smartphone specifications, plotting storage capacity on the x-axis against RAM on the y-axis. Each data point represents a brand, with circle size reflecting battery capacity in milliamp-hours. The SVG rendering uses D3 v7 scales (`d3.scaleLinear`), axes (`d3.axisBottom`, `d3.axisLeft`), and a categorical color scale (`d3.scaleOrdinal`) to distinguish brands. A legend communicates battery size mapping, while hover effects increase bubble opacity. Data comes from an embedded CSV-style array of 16 phone models.

Yyashwanthkirla95@gmail.com
75% match
Loading thumbnail…

Activity 6 Q 4.9

This bubble chart compares smartphone brands across battery life (hours), screen size (inches), and charging speed (watts). Each circle’s x-position encodes battery life, y-position encodes screen size, and its area encodes charging speed, with colors distinguishing brands. The D3.js v7 code uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. Data comes from a hardcoded CSV-like array. A hover tooltip displays exact values for each smartphone model.

RRukmini Devi Y
75% match
Loading thumbnail…

Activity6_Tutorial_3_Q3(6,7,8)

A scatter plot shows the relationship between battery life and weight for five smartphone models, with each brand distinguished by a unique symbol shape. The visualization is built using D3.js v7 with SVG rendering, reading data from a CSV file. It uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with symbol generators (`d3.symbolCircle`, `d3.symbolSquare`) to encode brand, and a custom legend module. Axes are labeled via `d3.axisLeft` and `d3.axisBottom`.

Cchowdaryhemanth14@gmail.com
74% match
Loading thumbnail…

Activity6_Question3

This interactive scatter plot shows the relationship between battery life (in hours) and weight (in grams) for five smartphone models. Each phone is represented by a distinct symbol based on its brand, allowing viewers to compare specifications across manufacturers. The chart uses D3.js v7 with an SVG rendering approach, implementing a custom scatter plot module that applies linear scales for both axes, ordinal encoding for brand categories, and a shape legend to decode the symbols.

Kkandooriabhiram@gmail.com
74% match