Activity6_q3

100%

✓ Published0🌍 Public

Last edited Apr 15, 2024

Created on Apr 15, 2024

This example displays a scatter plot of gross income against age for six individuals. Each point is colored distinctly, with opacity set to 0.5, and hover labels reveal the associated gender alongside the x and y values. The visualization is built using Plotly’s JavaScript library, specifically the `Plotly.newPlot` function, which renders the scatter markers into an 800 by 600 pixel div. The data are hardcoded in the script, with age and income values paired directly.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6_Question 3

This interactive scatter plot visualizes the relationship between age and salary across genders in an income dataset. Each circle represents a person, colored by gender (green for male, yellow for female, red for other), with hover tooltips showing detailed records. The visualization uses d3.csv to load external data, d3.scaleLinear for axes, and d3.axisLeft/axisBottom for ticks. SVG circles and event listeners handle mouseover interactions, while the tooltip div transitions opacity to display information. The plot includes labeled axes for salary and age, rendered with custom axis label styling.

HHarsha vardhan reddy Yarmareddy

81% match

Loading thumbnail…

qu3.6

This scatter plot displays the relationship between age and income across a dataset, with each point colored by gender using a categorical color scale. The visualization loads CSV data from a GitHub repository and uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, `scaleOrdinal`, and `schemeCategory10` to map values to positions and colors. The SVG rendering fills the browser window, with axes labeled and styled via D3 selections.

Yyashwanthkirla95@gmail.com

81% match

Loading thumbnail…

Task-7 Q3

This scatter plot displays the relationship between age and income from a CSV dataset, with each point colored by gender using a categorical color scale. The visualization uses D3 v6 to load and parse the data, then renders circles on an SVG canvas with linear scales for both axes. Axis labels are styled in green, and the plot is sized to fill the browser window. The code demonstrates loading data via a remote URL and applying D3’s scaleLinear, scaleOrdinal, axisLeft, and axisBottom functions to construct the chart.

JJames Cruz

80% match

Loading thumbnail…

ICE-6 Scatter plot

This example shows an interactive scatter plot of age versus income for individuals, with each point labeled by name. It first loads and parses a CSV dataset from a remote URL, then uses Plotly.js to render the visualization. The code fetches the data, extracts the age, income, and name columns, and maps them to x/y coordinates and hover text. The plot is created with a simple layout specifying axis titles and a title, while markers are sized at 12 pixels. The implementation relies on the Fetch API for data retrieval and Plotly’s `newPlot` method to draw the chart.

Ssriram.official9@gmail.com

80% match

Loading thumbnail…

Activity-6_Question-3

This interactive scatter plot visualizes relationships between age and salary from a gender-based occupations dataset. Points are color-coded by gender (blue for male, pink for female, orange for other), and hovering reveals tooltips with the exact age, gender, and salary values. Built with D3 v6, the visualization uses `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and appends circles to the SVG with `selectAll('circle').data(data).enter()`. The plot includes labeled axes for "Age" and "Salary" with green, bold formatting.

Aabdul.khader2899@gmail.com

79% match

Loading thumbnail…

A6 Scatterplot

This scatterplot visualizes the relationship between age and income, with each circle colored by gender using a categorical color scale. The chart uses D3.js v7 to load CSV data from a GitHub gist, scales the x-axis starting at age 15 and the y-axis from 5000 income, and renders SVG circles with axes labeled "Age" and "Income." A d3-legend color legend titled "Gender" identifies the categories, while the styling sets black axis lines and text. The rendering approach is SVG, with scales defined via `d3.scaleLinear` and `d3.scaleOrdinal`.

SShazil Taqi

79% match

Loading thumbnail…

Q3_Activity8

This example displays a scatter plot of happiness survey data, plotting age on the x-axis against income on the y-axis. Each point is colored according to the reported happiness level (High, Medium, or Low) using a custom color mapping. The visualization is rendered as an SVG using D3 v6, with data loaded from a remote CSV file via `d3.csv`. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, while linear scales are created with `d3.scaleLinear`.

Vvaishalireddy55555@gmail.com

76% match

Loading thumbnail…

Task-7 Q3

A scatter plot maps income against age for a jobs and salary dataset, with points colored by gender using D3's `scaleOrdinal` and `schemeCategory10`. The visualization loads CSV data via `d3.csv`, applies linear scales (`scaleLinear`) for both axes, and renders circles in an SVG container. Axes are generated with `axisLeft` and `axisBottom`, while labels for "Income" and "Age" are added as rotated and positioned text elements. The chart uses D3 v6 loaded from UNPKG and fills the browser window.

JJames Cruz

76% match