Skip to main content
SimilarExport ZIP
100%

Activity 6 Task 4

✓ Published0🌍 Public
Nnalinreddy96@gmail.com
Last edited Apr 6, 2025
Created on Apr 5, 2025
Forked from HTML Starter

This bubble chart visualizes the popularity, average salary, and job postings for various programming languages. It encodes popularity on the x-axis, salary on the y-axis, and the number of job postings as the size of each bubble, with colors distinguishing each language. The visualization is built with D3 v7, using `d3.scaleLinear` for axes and bubble sizing, and `d3.schemeCategory10` for color assignment. Interactive tooltips appear on hover, displaying the exact values for each language. The data is loaded from a CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Programming_languages_demand

This bar chart displays average salaries for various programming languages, with bars sorted from highest to lowest salary. The visualization uses D3 v7 to fetch and parse CSV data from a GitHub gist, applying a text-cleaning regex before parsing. The chart renders as SVG with d3.scaleBand and d3.scaleLinear axes, while a summary box shows file size, row count, and column count from the parsed dataset.

AAparna Desi Reddy
79% 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
77% 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
76% match
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
76% match
Loading thumbnail…

Activity_7_Q1(11807290)

This chart visualizes the popularity of programming languages using a pie chart in D3 v7, with each slice colored via `d3.scaleOrdinal` and labeled with language names. It loads CSV data from a GitHub URL using `d3.csv`, then constructs the pie layout with `d3.pie` and renders arcs with `d3.arc`. A legend, dummy X and Y axis labels, and SVG rendering complete the static visualization.

Cchowdaryhemanth14@gmail.com
76% 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
75% 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
75% 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
74% match