Skip to main content
SimilarExport ZIP
100%

act6_q3

✓ Published0🌍 Public
Bbhavyamoturi2509@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This scatter plot visualizes customer credit scores and ages, with different account types distinguished by symbol shapes. The chart uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to render marks, while custom ES6 modules handle axes and a shape legend. Data loads from a GitHub CSV and is parsed with `d3.csvParse` before being passed to the chart.

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…

Activity-6-Question-3

This scatter plot visualizes banking data, plotting CustomerAge against CreditScore, with the AccountType encoded by the shape of each point. A legend on the right maps these shapes to account types. The example demonstrates a modular D3 workflow, using local ES6 modules like `scatterPlot.js` and `axes.js` that import from the `d3` module. It loads data from a remote CSV, then uses `scaleLinear`, `scaleOrdinal`, and `symbol` to create the visualization.

Nnaveen.dodda4321@gmail.com
85% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes customer data from a CSV file, showing the relationship between Age on the x-axis and Income on the y-axis. Each circle’s fill color encodes the customer’s Spending Score, with skyblue for low scores, lightgreen for medium scores, and orange for high scores. The visualization uses d3.csv to load and parse data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render the chart. SVG circles are drawn with a fixed radius of 5 pixels, while labeled axes are added via SVG text elements.

Vvineelaramulapalli32
78% match
Loading thumbnail…

Scatter plot

This scatter plot visualizes customer data from a CSV file, showing the relationship between annual income and spending score, with each dot colored by gender. The visualization uses D3.js v7 to render SVG circles, with a tooltip that appears on mouseover to display detailed customer information like age, purchase frequency, and satisfaction rating. The chart includes axis labels, a title, and a legend, with scales computed via `d3.scaleLinear` and `d3.extent` for data domains.

119h61a05c9@cvsr.ac.in
77% match
Loading thumbnail…

Scatter plot

This scatter plot visualizes customer data from a CSV file, showing the relationship between annual income and spending score, with each dot colored by gender. The visualization uses D3.js v7 to render SVG circles, with a tooltip that appears on mouseover to display detailed customer information like age, purchase frequency, and satisfaction rating. The chart includes axis labels, a title, and a legend, with scales computed via `d3.scaleLinear` and `d3.extent` for data domains.

119h61a05c9@cvsr.ac.in
77% match
Loading thumbnail…

assign2-5_pardha

A scatter plot shows credit card usage among bank customers, with age on the x-axis, total expenditure in dollars on the y-axis, and circle color indicating attrition status—black for existing customers and red for those who have churned. The visualization loads a CSV from a GitHub gist using `d3.csv`, parses numeric fields, and renders circles as SVG elements sized with a fixed radius and 35% fill opacity. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while scales are created using `d3.scaleLinear` with domains derived from `d3.min` and `d3.max`. The chart fills the browser window, drawing data marks via data joins on SVG circles.

Ppardha1411
76% match
Loading thumbnail…

Scatter Plot - Bank Customers Expenditure by Age

This scatter plot visualizes credit card expenditure against customer age, with each circle colored black for existing customers and red for those who have churned. Data comes from the Bank Customers Dataset, loaded via `d3.csv`. The SVG renderer uses `scaleLinear` for both axes, `axisLeft` and `axisBottom` for ticks, and circles with a fill opacity of 0.35 to show overlapping points. The plot emphasizes age and total transaction amount, revealing spending patterns and attrition clusters.

RRaul Gamez
76% 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
76% match
Loading thumbnail…

acticity 6_q3

This example displays a scatter plot of age against height, with points colored by category (A, B, or C) using a fixed dot radius. The visualization loads CSV data from a GitHub gist and renders it as SVG circles using D3 v6. It employs `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map the data and draw labeled axes for Age and Height.

NNagalakshmi Thota
74% match