Skip to main content
SimilarExport ZIP
100%

Activity_6_Task_3_2

✓ Published0🌍 Public
LLarry Johnson
Last edited Oct 24, 2024
Created on Oct 24, 2024

This scatter plot visualizes the relationship between hours worked per week and monthly salary, with employee department encoded through symbol shapes. The chart uses d3.v7 scaleLinear for axes scaling, scaleOrdinal with symbolsFill to map categorical department values to distinct marker shapes, and displays a custom shape legend. Data is loaded dynamically from a CSV file hosted on GitHub, parsed with csvParse, and rendered using D3 join patterns for marks and axes.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity6_Question3

A scatter plot displays employee math scores against age, with each circle colored by department (Finance, HR, Engineering, Marketing, Sales, IT). The visualization uses D3 v7 with SVG rendering, loading CSV data from a GitHub repository via `d3.csv`. It employs `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for color mapping, `d3.axisBottom` and `d3.axisLeft` for ticks, and a manually constructed legend with circles and text.

SSai Praveen Lokavarapu
81% match
Loading thumbnail…

activity 6 Task 2

This example shows the distribution of employee salaries across six departments, broken into five income brackets from "below 50k" to "above 85k." A stacked bar chart displays each department’s proportional share per bracket, with a tooltip revealing the exact percentage on hover. The code uses d3.stack() to aggregate the data from a CSV file and d3.scaleBand and d3.scaleLinear for axes, with d3.axisLeft and d3.axisBottom for ticks. Custom colors, a legend, and interactive opacity changes on mouse events enhance readability.

Aa9.hemraj@gmail.com
78% match
Loading thumbnail…

Activity6_question_3

A scatter plot displays employee churn data, mapping the count of employees on the x-axis and positioning each department vertically on the y-axis. Circles are colored pink or blue to indicate whether churn occurred or not, with the CSV data loaded from GitHub. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `scaleOrdinal`, rendering circles and axes as SVG elements within an 800x400 viewport.

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

Tutorial_task_3.2

This scatter plot visualizes the relationship between production staff’s weekly output, comparing Units/Hour in Week 1 against Week 2. Each point uses a distinct custom shape—triangle, pentagon, hexagon, star, or heart—to encode the staff member’s position, with a legend identifying shape categories. The chart is built with D3 v7 and React, using `scaleLinear` for axes, `scaleOrdinal` for shapes, and `axisBottom`/`axisLeft` for ticks. Data is fetched as a CSV from GitHub and parsed with `csvParse`.

Aamanipeddolla@my.unt.edu
76% 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
75% match
Loading thumbnail…

Working Hours Scatter Plot

A scatter plot displays the relationship between age and hours worked per week for individuals from the 1994 Census Income Data Set, with each point colored by gender. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` APIs to construct the axes and gridlines, while `select` and `csv` load and bind the data. The SVG rendering applies a semi-transparent fill to each circle, and a legend distinguishes male and female data points. Hovering over a circle changes its fill to whitesmoke.

AAmar Nath Yogi
75% match