Skip to main content
SimilarExport ZIP
100%

Activity6_question_3

✓ Published0🌍 Public
11810vineeth@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

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.

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

Activity_6_task2_question-1

This example displays a stacked bar chart of employee churn, breaking down counts of "Yes" and "No" exits per department (Sales, IT, HR, Finance, Marketing). The horizontal bars use a diverging pink and blue color scale. Built with D3 v7, the code loads CSV data, applies `d3.rollup` to aggregate counts by department, and uses the `d3.stack` function to create the stacked layers. It renders as an SVG with a custom legend and axis labels.

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

Activity6_Question3

A scatter plot displays cricket player statistics, showing matches played on the x-axis and total runs on the y-axis. Each circle represents a player, with colors assigned based on country using `d3.scaleOrdinal` and `d3.schemeCategory10`. The visualization loads CSV data via `d3.csv`, uses `d3.scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes, and renders circles as SVG elements with fill opacity for readability.

Ddandudivya98@gmail.com
79% match
Loading thumbnail…

activity6_Q6

A scatter plot shows the relationship between two numeric columns from a CSV file of sales product details. The visualization uses D3.js v7 to load the data asynchronously, map values to linear scales, and render circles with an ordinal color scale based on a categorical group column. Axes and labels are generated using `d3.axisBottom` and `d3.axisLeft`, while the SVG canvas is sized and positioned via `d3.select` and `attr`.

RRJVENKATESH789@GMAIL.COM
79% match
Loading thumbnail…

Activity 6 Question 3

A scatter plot displays the relationship between Math and English scores for students, with each circle colored by gender (steelblue for male, deeppink for female). The visualization uses D3 v7's `scaleLinear` for axes, `d3.extent` for domain calculation, and `d3.scaleOrdinal` for color mapping. It renders as an SVG with a legend, axis labels, and a title, loading data from a remote CSV file via `d3.csv`.

Aanisha.peddireddy@gmail.com
79% 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
78% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes city data, mapping population on the x-axis against area on the y-axis, with each point colored by region using a categorical color scale. The code loads a CSV file from GitHub, parses it, and renders circles in an SVG using D3 v6 APIs such as `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `entries`. A legend, built with appended rectangles and text, identifies the region colors. The visualization uses the browser’s full window dimensions and positions axes with margin conventions.

KKhushi Desai
78% match