Skip to main content
SimilarExport ZIP
100%

Activity-6-Question-3

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

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.

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…

act6_q3

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.

Bbhavyamoturi2509@gmail.com
85% 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
79% 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…

Activity 6 Task 3

This scatter plot visualizes the Mall Customers dataset, showing the relationship between customer age and spending score, with each point colored by gender (blue for male, pink for female). The visualization uses D3 v5 to load the CSV data, applies linear scales for both axes, and renders circles as SVG marks. The chart includes labeled axes for age and spending score, with axis ticks and labels styled at 20 pixels.

Mmaheshchowdaryponnaganti@my.unt.edu
78% match
Loading thumbnail…

Activity6_Question3

This D3.js v7 example displays a scatter plot of city data, plotting population against area and using distinct symbols to represent different regions. The visualization fetches its data from a CSV file hosted on GitHub and renders it into a full-window SVG. It uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbols` for region-based shapes, and demonstrates a custom legend for mapping shapes to regions. The code loads D3 via UNPKG and uses local ES6 modules for its component structure.

KKhushi Desai
75% match
Loading thumbnail…

Activity 6_Task 3 Q3

This example shows a scatter plot of age versus insurance charges, with points shaped by sex and a legend for gender. The plot uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to generate shapes, along with custom axis and legend modules. Data is loaded as CSV from a GitHub gist and parsed with `csvParse`. The SVG chart resizes to the viewport, and the axes and legend are drawn using D3's `axisLeft` and `axisBottom` helpers.

Aakankshareddygorla@my.unt.edu
75% match
Loading thumbnail…

activity 6 question 3

This scatter plot shows the relationship between sales and profit, with points colored by product type using distinct D3 symbols (circle, square, diamond, triangle, and cross). It loads data from a CSV file and renders a scatterplot with axes, labels, and a shape legend. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for shape encoding, and d3.symbol to generate marker paths, while d3.axisLeft and d3.axisBottom draw the axes.

Ssairamisetti3829@gmail.com
75% match
Loading thumbnail…

Assignment2_task5_reusablescatterplot

This scatter plot visualizes the relationship between customer age and total transaction amount, using point color to distinguish existing customers from attrited customers. It loads bank customer data from a CSV file and renders circles as SVG elements, with black representing existing customers and red representing attrited customers. The visualization uses D3 v6’s `d3.csv` for data loading, `d3.scaleLinear` for both axes, and `d3.axisLeft` and `d3.axisBottom` to display the scales. The chart includes labeled axes for age and total expenditure, with semi-transparent points to reveal overlapping data density.

Ssreekarthanda@gmail.com
75% match