Skip to main content
SimilarExport ZIP
100%

Activity6_ Question4

✓ Published0🌍 Public
Ggroup118sai@gmail.com
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from HTML Starter

A bubble chart visualizes sales and profit by country, with bubble size encoding market share and color distinguishing each region. The SVG renders circles positioned by linear scales for the x and y axes, while a sqrt scale maps market share to radius. Data loads from a CSV file via `d3.csv`, with D3 v7 handling scales, axes, and the `d3.schemeCategory10` color scale. Labels display country names at each bubble's center, with axis titles for sales and profit.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question4

This bubble chart visualizes regional product sales against profit, with each bubble’s size, x-position, and y-position mapping to sales volume and profit respectively. The visualization uses D3.js v7’s `scaleSqrt` for bubble radius, `scaleLinear` for axes, and `scaleOrdinal` with `schemeCategory10` for color coding. The chart renders as an SVG element, loading data from a local `data.csv` file. Labels identify each region, while axis formatting appends “Sales” and “Profit” to tick values, and the `axisBottom` and `axisLeft` APIs generate the chart’s axes.

Ggroup118sai@gmail.com
91% match
Loading thumbnail…

Activity6_ Question4

A bubble chart visualizes the relationship between revenue, employee count, and growth for ten major tech companies. Each circle's x-position maps to revenue, y-position to employee count, and radius to growth percentage, with color distinguishing individual companies through a custom `colorMap`. The visualization uses D3 v7 with SVG rendering, implementing `scaleLinear` axes and `scaleSqrt` for bubble sizing, alongside `d3.axisBottom` and `d3.axisLeft` for axis generation. A legend, positioned separately, maps company names to their respective colors using D3's selection and data join methods. Data originates from an embedded array within the HTML file.

Ggroup118sai@gmail.com
87% match
Loading thumbnail…

Activity6_Question4

This bubble chart visualizes product data from a CSV file, plotting price on the x-axis against quantity sold on the y-axis. Each circle’s radius represents profit margin using `d3.scaleSqrt`, while color encodes the product category through `d3.scaleOrdinal` with `d3.schemeTableau10`. The SVG rendering uses `d3.axisBottom`, `d3.axisLeft`, and the `d3.select` and `.enter()` APIs to draw circles, with a custom HTML legend positioned in the upper right corner.

SSai Praveen Lokavarapu
87% match
Loading thumbnail…

Activity6_Question-4

This bubble chart displays sales performance for ten products, plotting revenue on the x-axis and profit on the y-axis, with bubble size encoding units sold. The visualization uses a linear scale for both axes and a third linear scale to map units sold to bubble radii, with all bubbles rendered in steel blue with black outlines. The chart is drawn as an SVG using D3 v7, with axes and labels generated via `d3.axisBottom` and `d3.axisLeft`. Data is loaded from a CSV file using `d3.csv`, and circles are created with `.join('circle')` within an SVG group.

SSatish Nallamadugu
87% match
Loading thumbnail…

Actvity6_Task4_Question4

This bubble chart visualizes product sales performance by plotting sales revenue on the x-axis and profit on the y-axis, with bubble size representing units sold. Each product is colored using `d3.scaleOrdinal` with `d3.schemeCategory10`, and the chart includes axis labels and a title. The data is loaded from a CSV file using `d3.csv`, and the visualization is rendered as an SVG using D3 v7 APIs such as `d3.scaleLinear` for axes and bubble scaling.

SShasankreddyganta@my.unt.edu
87% match
Loading thumbnail…

fork of activity_6_question_4

This bubble chart visualizes product data, mapping price to the x-axis, sales volume to the y-axis, and rating to bubble radius, with categories distinguished by color. The D3 v7 code uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for circle sizes, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding. The SVG rendering includes a legend, axis labels, and interactive tooltips that display product details on mouseover. Data is loaded from a CSV file using `d3.csv`.

JJaswanthkota@my.unt.edu
86% match
Loading thumbnail…

Activtiy6-Question4

A bubble chart visualizes sales data for 19 employees, plotting cost of sales against profit, while bubble size encodes quantity sold and color distinguishes individual employees. The chart includes a legend for bubble size and a color legend. Built with D3.js v7, it uses `d3.scaleLinear` for axes and bubble size, `d3.interpolateTurbo` for colors, and SVG circles. Interactive tooltips display employee names on mouseover. Data is loaded from a local CSV file.

Ssowmyaammula.sdv@gmail.com
86% match
Loading thumbnail…

Activity6-Question4

This bubble chart displays sales information for a group of employees, plotting profit against revenue while using circle size to encode product quantity and color to distinguish employee names. It loads data from a CSV file and renders with D3 v7 in SVG, featuring interactive tooltips on mouseover that show each employee's name. The visualization includes a size legend for quantity and a color legend for employees, with colors generated via `d3.interpolateTurbo` and scales built using `d3.scaleLinear` and `d3.scaleOrdinal`.

LLayaMyadam@my.unt.edu
85% match