Skip to main content
SimilarExport ZIP
100%

Activity_6_Task_4

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

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.

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…

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

Activity_6_Task_3

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.

Ssuhaibuddinahmed10@gmail.com
87% match
Loading thumbnail…

activity6-task-3

This example visualizes the relationship between employee experience and salary in a scatter plot. Each circle represents an employee, with the x-axis showing years of experience and the y-axis displaying salary, while the circle’s fill color encodes the number of projects handled using a sequential blue scale. It uses D3 v6 to load CSV data from a GitHub repository and render SVG elements with `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleSequential` for color mapping.

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

Activity6_Question4

A bubble chart displays the relationship between average salary and revenue per employee for 20 tech companies, with bubble size encoding employee count. Built with D3.js v7 and SVG, the visualization uses d3.scaleLinear for axes, d3.scaleSqrt for bubble radius, and d3.scaleOrdinal with schemeCategory10 for color coding. Hovering reveals a tooltip showing company name and employee count. Data comes from an external CSV file loaded via d3.csv.

Ssjannaikode@gmail.com
84% 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
83% 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
83% 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
83% match
Loading thumbnail…

Activity-6q4

This interactive bubble chart displays sales information for a group of employees, plotting revenue on the x-axis against profit on the y-axis, with bubble size encoding product quantity and color representing individual employees. Built with D3 v7, the visualization renders as an SVG with smooth transitions and tooltips that reveal employee names on hover. It includes a legend for bubble size and color, using `d3.scaleLinear` for axes and bubble scaling, `d3.scaleOrdinal` for color assignment, and `d3.interpolateTurbo` for the color palette.

Sswapnadabburi@my.unt.edu
82% match