Skip to main content
SimilarExport ZIP
100%

Fork of activity6_Task3_answer

✓ Published0🌍 Public
Oorusushanth2002@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025

This interactive D3.js scatter plot visualizes smartphone specifications, plotting screen size on the x-axis against battery life on the y-axis. Individual data points are color-coded by phone category (budget in sky blue, midrange in light green, and flagship in orange), with data loaded from a remote CSV using `d3.csv`. The visualization uses `d3.scaleLinear` for axes, labels drawn via SVG text elements, and supports dynamic viewport sizing through `window.innerWidth` and `window.innerHeight`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 quiz 6

This scatter plot visualizes phone specifications, showing the relationship between screen size and battery capacity, with each point’s radius scaled by camera megapixels and its color indicating the brand model. Built with D3 v6, it loads CSV data from a GitHub gist, uses `scaleLinear` and `extent` for axes, and renders circles, axes, and labels as SVG. The chart omits a legend but provides axis titles for battery and screen size.

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

activity6_Question3

This scatter plot visualizes the relationship between battery life (in hours) and weight (in grams) for a small dataset of five smartphones from different brands. Each phone is represented as a distinct symbol based on its brand, with a color legend displaying the brand names. The visualization is rendered using D3.js v7 with SVG, employing scales like `d3.scaleLinear` for axes and `d3.scaleOrdinal` with symbol generators for categorical shapes. Data is loaded from a CSV file via `d3.csv`, and axes are labeled with battery life and weight.

MMahimaChowdaryKasthala@my.unt.edu
81% match
Loading thumbnail…

activity6_Task4 Question 4

This bubble chart displays smartphone specifications, plotting screen size on the x-axis against camera resolution on the y-axis, with bubble radius scaled by price and color encoding phone brand. The chart uses D3.js v6 with SVG rendering, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.schemeSet3` for brand colors, and `d3.axisBottom` and `d3.axisLeft` for labeled axes. Data comes from the local `smartphones.csv` file, loaded via `d3.csv`.

Ssumanthpenna0221@gmail.com
81% 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
80% match
Loading thumbnail…

Fork of Activity_6_Task_4_1

This bubble chart visualizes the correlation between processor speed, RAM, and display size for various smartphone makes. Each circle's x-position maps to processor speed, y-position to RAM, and radius to display size, while color encodes the phone manufacturer. The chart uses D3.js v7 with SVG rendering, incorporating scales for positioning, color, and size, alongside interactive tooltips that display phone make on mouseover. Data comes from the included `phones.csv` file, with axes labeled and a legend explaining the bubble sizing.

LLarry Johnson
79% match
Loading thumbnail…

Activity6_Question4

This interactive bubble chart visualizes the relationship between smartphone price, battery capacity, and average rating using data from a CSV file. The visualization uses D3 v7 to render SVG circles positioned by price and battery on x and y axes, with bubble size representing rating and color distinguishing phone models via an ordinal scale with interpolateTurbo. Hover interactions trigger tooltips displaying model details. A legend on the right maps bubble sizes to star ratings, while CSS styles enhance hover opacity for improved readability.

Aaparnachalumuri@gmail.com
79% match
Loading thumbnail…

ACTIVITY6_T3_Q3

This example shows a scatter plot of phone battery life versus weight, with each phone brand represented by a distinct symbol shape. The plot encodes battery life on the x-axis and weight on the y-axis, while a legend identifies each brand’s symbol. The visualization uses D3 v7 with SVG rendering, leveraging `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbol` for categorical shapes, and custom ES6 modules for axes and legend rendering. Data comes from a CSV file listing ten phone models and their specifications.

VVarshithMurakonda@my.unt.edu
79% match