Skip to main content
SimilarExport ZIP
100%

Activity6_Tutorial_3_Q3(6,7,8)

✓ Published0🌍 Public
Cchowdaryhemanth14@gmail.com
Last edited Mar 31, 2025
Created on Mar 31, 2025

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`.

AI-generated description
MIT Licensed

Similar vizzes

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
92% 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
92% 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
91% 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
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
82% match
Loading thumbnail…

Activity6_Question4

This interactive bubble chart visualizes the correlation between battery life, camera megapixels, and weight for 20 smartphone brands. Each bubble’s x-position maps battery life, y-position maps camera resolution, and its radius encodes weight. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo to assign brand colors. Hovering triggers a custom tooltip showing the brand name, while red circles and lines provide legends for weight and color-coded brands.

Aayeshamanzoor111798@gmail.com
82% match
Loading thumbnail…

Activity06 Question 4.9

This bubble chart visualizes the correlation between price, battery life, and weight for various smart devices. Each circle's x-position maps to price, the y-position to battery life, and the radius to weight, with color encoding the device brand. The visualization uses D3 v7 to create an SVG, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color, and `d3.axisBottom`/`d3.axisLeft` for axis ticks. Data is loaded from a local CSV file, and a legend explains the weight scale and brand colors.

Bbharatchowdarypotluri@my.unt.edu
80% match
Loading thumbnail…

act 6 Q4 ans

This bubble chart visualizes the relationship between price, battery life, and weight for various smart device brands. Each circle's horizontal position represents price, vertical position represents battery life, and radius encodes weight. Color distinguishes brands, with a legend for weight values and brand names. The chart uses D3.js v7 with `d3.scaleLinear` for axes and bubble sizing, `d3.interpolateTurbo` for color mapping, and loads data from a local CSV file.

Hhlmn4936@gmail.com
80% match