Skip to main content
SimilarExport ZIP
100%

Activity_6_Task_3

✓ Published1🌍 Public
Ssuhaibuddinahmed10@gmail.com
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from Activity_6_Task_2

This bubble chart visualizes the relationship between payment tier, experience in the current domain, and age, with bubble size encoding age and color indicating employee leave status (red for leaving, green for staying). The visualization uses D3 v6 with SVG rendering, loading data via d3.csv from a Gist. It employs d3.scaleLinear for both axes and bubble sizing, d3.scaleOrdinal for categorical color mapping, and d3.axisBottom and d3.axisLeft to generate the axes with grid styling applied through CSS.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6_Task_4

This example presents an interactive bubble chart showing the relationship between salary and experience, with bubble size encoding age and color distinguishing employee status (Stayed or Left). It loads CSV data from a GitHub repository and uses D3 v6 scales (scaleLinear, scaleOrdinal) to map attributes. The visualization renders as SVG, with axes, gridlines, and a legend constructed via d3.axisBottom, d3.axisLeft, and appended circle elements.

Ssuhaibuddinahmed10@gmail.com
87% match
Loading thumbnail…

Activity_6_Task_2

This stacked bar chart displays the percentage distribution of PaymentTier, ExperienceInCurrentDomain, and Gender across employee LeaveOrNot outcomes, using data loaded from a local CSV file. The visualization uses D3.js v7’s `d3.stack()` to compute stacked segments, with `scaleBand` and `scaleLinear` for axes, and `axisBottom` and `axisLeft` for ticks. Percentage labels on each bar segment and a legend are included, with styling defined in a linked stylesheet.

Ssuhaibuddinahmed10@gmail.com
86% match
Loading thumbnail…

Activity6-Task4

This bubble chart displays the relationship between employee experience, salary, and the number of projects handled. Data is loaded from a remote CSV file via `d3.csv`, with numeric fields parsed for scaling. The visualization uses `d3.scaleLinear` for the x and y axes (experience and salary), `d3.scaleSqrt` for bubble radius (projects handled), and a sequential `d3.interpolateBlues` color scale for the same metric, rendered as SVG circles.

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

Activity6_Task4

This interactive bubble chart visualizes sales data across employees, plotting sales cost on the x-axis, profit on the y-axis, and quantity as bubble size, with color encoding employee names. The visualization includes a tooltip that appears on mouseover, revealing the employee name. Built with D3 v7, the chart uses SVG rendering and animation, loading data from a CSV file. It also includes a legend for bubble size and color categories, with the tooltip handling implemented via D3 event listeners.

Bbudalavijay2001@gmail.com
78% match
Loading thumbnail…

activity6_Task4

This visualization is a bubble chart that shows the relationship between student age, course, CGPA, and year of study, using data from a mental health survey. The x-axis maps age, the y-axis maps course, bubble size represents CGPA, and color distinguishes year of study. D3 v7 API calls such as `scaleLinear`, `scalePoint`, and `scaleOrdinal` are used to position and style the circles, while `d3.csv` loads the data and `d3.axisBottom` and `d3.axisLeft` render the axes. The chart is rendered as an SVG with a tooltip for interactivity.

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

Activity 6_Task 4_Question

This bubble chart visualizes employee statistics for major tech companies, plotting revenue on the x-axis and employee count on the y-axis. Each circle’s size encodes market capitalization, its color distinguishes companies via a categorical scale built with `d3.scaleOrdinal` and `d3.interpolateViridis`. Data is loaded from a CSV using `d3.csv`. The SVG renders axes with `d3.axisBottom` and `d3.axisLeft`, and a tooltip appears on mouseover. A legend with dashed connector lines explains market-cap ranges, and hover interactions increase opacity.

Ccharankumarreddyveeramreddy@my.unt.edu
77% 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
76% match