Skip to main content
SimilarExport ZIP
100%

Scatter Plot ICE-7

✓ Published2🌍 Public
SSYAM TEJ
Last edited Oct 26, 2025
Created on Oct 26, 2025

This scatter plot visualizes the relationship between age and monthly income for a dataset of individuals. Each point is a person, with steel blue circles encoded by linear scales for the x (age) and y (monthly income) axes. The chart uses D3 v7 to load CSV data from a GitHub gist via `d3.csv`, render SVG axes with `d3.axisBottom` and `d3.axisLeft`, and display hover tooltips via mouseover and mouseout events. The visualization renders entirely as SVG with a custom tooltip div.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Line chart ICE-7

This line chart displays the relationship between monthly income and age, using data loaded from a CSV file via `d3.csv`. The chart plots the values on a linear scale, with axes for both variables labeled, and lines are drawn with a smooth monotone curve using `d3.curveMonotoneX`. Interactive tooltips appear on mouseover, showing the exact year and sales figures for each data point. The visualization is rendered as an SVG, with axes and labels generated using `d3.axisBottom` and `d3.axisLeft`, and the tooltip is implemented as an HTML overlay whose visibility is controlled by D3 event handlers.

SSYAM TEJ
87% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the relationship between age and monthly income for employees in a dataset loaded from a CSV file. Each circle represents an employee, with position determined by the `d3.scaleLinear` scales for age and income. Hovering reveals a tooltip with exact values. The visualization uses D3 v7 to append SVG circles, axes, and labels, with data parsed from a remote CSV source.

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

ICE 7

This example shows a reusable scatter plot of age versus salary, with triangular markers colored blue or green depending on whether each salary falls above or below the dataset’s median. The visualization uses D3 v6 with `d3.csv` for loading external data, `d3.scaleLinear` for axes, and `d3.symbol` with `d3.symbolTriangle` for point shapes. The reusable `createScatterPlot` function allows customization of colors, symbols, and titles. The plot renders as SVG, with axes labeled and styled via standard D3 transitions and selections.

Yyvarshachowdary@gmail.com
84% match
Loading thumbnail…

Area Chart ICE-7

This area chart visualizes the relationship between age and monthly income, using a smooth monotone curve to connect data points. The SVG rendering includes labeled axes for time and sales, with blue circles marking each data point. Interactive tooltips appear on mouseover, enlarging the circles and displaying the exact year and sales value. The chart is built with D3.js v7, using the area generator with a baseline at the bottom of the chart to fill the region under the curve in semi-transparent light blue.

SSYAM TEJ
84% 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
83% 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
82% 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
82% 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