Skip to main content
SimilarExport ZIP
100%

Activity 6_Task 3.2

✓ Published0🌍 Public
Aakankshareddygorla@my.unt.edu
Last edited Oct 21, 2024
Created on Oct 21, 2024

This example shows a scatter plot of AGE versus CHARGES, with data points encoded by shape to represent the SEX category and labeled with misleading axis titles ("Accessories" and "Clothing") and a "Store" legend. The visualization uses D3 v7's `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to map categories to symbol shapes, and a custom shape legend built with `symbolGenerator`. Data is loaded from a remote CSV file via `d3.csvParse` and rendered into an SVG that fills the viewport.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity6_Task3

This example displays a scatter plot of an insurance dataset, plotting age on the x-axis and charges on the y-axis, with points colored by sex (pink for female, light blue for male). The visualization uses D3 v6, loaded via UNPKG, and renders with SVG. The code fetches CSV data from a GitHub repository, parses the values, and creates the chart using `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and `d3.csv`. It also adds labeled axes for Age and Charges.

Ggoudrohit2000@gmail.com
86% match
Loading thumbnail…

Activity6_Task3

This visualization shows the relationship between age and insurance charges, with points shaped according to sex. The scatter plot uses D3 v7’s `scaleLinear` for both axes and `scaleOrdinal` with `symbolsFill` for categorical shape encoding. A custom legend displays the mapping between shapes and sex using D3’s `symbol` generator. Data is loaded asynchronously from a remote CSV file and parsed with `d3.csvParse`, with axes and labels added via the `axisLeft` and `axisBottom` helpers.

Mmanishmanda@my.unt.edu
85% match
Loading thumbnail…

Activity 6_Task 3.2

This example builds a scatter plot with a categorical legend, where data points are distinguished by shape. The visualization maps two quantitative variables to the x and y axes using `d3.scaleLinear` and assigns a different symbol to each category via `d3.scaleOrdinal` and `d3.symbol`. The chart includes axes with labels, drawn using `d3.axisLeft` and `d3.axisBottom`, and a custom legend that displays the shape mapping. The underlying data and its source are not specified in the provided code.

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

Activity6_Task3_Q3

This scatter plot visualizes the relationship between age and insurance charges, with point shapes encoding the gender of each individual. The chart uses a linear scale for both axes and an ordinal scale for shape mapping, rendering points via D3 symbol generators. The visualization imports a CSV from a GitHub repository, using D3's `csvParse` and fetch API. Axes and shape legends are constructed programmatically to display the data.

Vvenkatamanikantavaddi@my.unt.edu
81% match
Loading thumbnail…

task3_question3

This interactive scatter plot visualizes insurance data, plotting age on the x-axis and charges on the y-axis while using different symbols to encode gender. The visualization loads its dataset from a remote CSV file hosted on GitHub and renders it as an SVG canvas. The code leverages D3 v7 APIs including `select`, `csvParse`, `scaleLinear`, `scaleOrdinal`, `symbolsFill`, `axisLeft`, and `axisBottom` to construct the chart, with a custom shape legend displaying gender categories. The plot updates dynamically as new data is fetched and parsed.

VVrushikaKanaparthy@my.unt.edu
80% match
Loading thumbnail…

Activity6_task3_3

This scatter plot visualizes the relationship between age and weight from a synthetic health dataset. The visualization encodes each data point as a circle, with position determined by age on the x-axis and weight on the y-axis. The chart uses d3.scaleLinear for both axes and d3.axisBottom/axisLeft to render tick marks. The code colors points based on gender using d3.scaleOrdinal and includes a shapeLegend function that displays the color mapping. The data is loaded via d3.csv from a GitHub-hosted CSV file and rendered as SVG elements.

Vvemurisuchitha@gmail.com
79% match
Loading thumbnail…

Activity8Task3

This scatter plot visualizes insurance data, showing the relationship between a patient's age and their insurance charges. Each point represents an individual, with colors encoding the patient's region of residence. The visualization is built using D3 v6, with a linear scale mapping age to the x-axis and charges to the y-axis. Data is loaded asynchronously from a remote CSV file via `d3.csv`, and circles are appended to an SVG container using data joins, with axes rendered by `axisBottom` and `axisLeft`.

BBindumadhavi
79% match