Skip to main content
SimilarExport ZIP
100%

Activty6_Question3_6

✓ Published0🌍 Public
Ssriharshithaanugu5@gmail.com
Last edited Mar 31, 2025
Created on Mar 30, 2025
Forked from Hello VizHub

This scatter plot visualizes the relationship between weight and height across three cat species (Siamese, Persian, and Maine Coon), using distinct D3 symbols (circle, square, triangle) to differentiate species. The visualization includes a legend mapping each symbol to its species and axis labels for height and weight. Built with D3 v6, it loads CSV data from a GitHub repository, scales the axes starting from zero with `d3.scaleLinear`, renders marks as SVG paths via the `d3.symbol` API, and uses `d3.axisLeft` and `d3.axisBottom` for the axes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the relationship between weight and length across different object types, using D3 v7’s scaleLinear and scaleOrdinal to map continuous values and categorical shapes. Each point is rendered as a symbol (circle, square, or triangle) via the symbol API, with a custom shape legend built using join methods. The data is loaded asynchronously from a CSV file, and axes are generated with axisLeft and axisBottom.

Ssiddhubhupathi@gmail.com
85% match
Loading thumbnail…

Activity8_Question3

This scatter plot visualizes the relationship between height and weight, with points colored by category to reveal grouping patterns. The visualization renders as an SVG generated with D3.js v7, using `d3.csv` to load data from a remote GitHub repository and `d3.scaleLinear` for axis scaling. Points are drawn as SVG circles and colored via `d3.scaleOrdinal`, with interactive tooltips appearing on mouseover. The chart includes axes and a legend created through custom drawing functions, all styled through a separate CSS file.

Vvishnupriyapalagiri@gmail.com
84% match
Loading thumbnail…

Question3

This scatter plot visualizes the relationship between height and weight, with data points colored by category (A, B, or other). The visualization uses a D3.js (v7) SVG rendering pipeline, reading a CSV dataset of weights and heights. The code leverages several D3 APIs, including `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and `d3.select` to build the chart, with axis labels styled via CSS and rendered as SVG text elements.

Gganesh.hns48@gmail.com
83% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the relationship between height and weight for individuals, colored by gender. It displays data points as circles with a tooltip showing exact values on mouseover, along with labeled axes and a color-coded legend. The visualization loads data from a CSV file via `d3.csv` and renders with SVG. It uses D3's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to map data to coordinates, axes, and categorical colors for male and female observations.

AAreeba Hassan
83% match
Loading thumbnail…

Fork of Activity6_Question 3

This scatter plot visualizes the relationship between weight and height, with points colored by category (blue for A, red for B, orange for other). It uses D3 v7's `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load, scale, and render the data as SVG circles. The chart fills the entire browser window, and the data comes from an external CSV file hosted on GitHub. Axis labels are styled with monospace fonts, and the title appears in red.

Kkondaveeti.bhargavi7780@gmail.com
82% match
Loading thumbnail…

activity6task3q1

This scatter plot visualizes the relationships between height and weight in a small dataset, with points colored blue for males and pink for females. The visualization uses D3 v6 and renders as an SVG, loading data from a CSV file. It uses `scaleLinear` for both axes, `extent` to calculate domains, and `axisLeft` and `axisBottom` to draw the axes. The plot is displayed full-screen, with circles positioned according to the scaled data values.

Ssudheervnarasimha1@gmail.com
82% match
Loading thumbnail…

Activity8_Question3

This D3.js scatter plot visualizes the HeightsAndWeights dataset, showing the relationship between height and weight for individuals, with points colored by gender (sky-blue for females, red for males). The chart loads data from a remote CSV file using the `d3.csv` API, then scales the x and y axes with `d3.scaleLinear` and renders the plot as SVG. It includes labeled axes for height and weight, and uses the `axisLeft` and `axisBottom` functions to generate ticks. The layout adapts to the window size, and the plot is rendered with circular markers.

Zzoe.romo@att.net
82% match
Loading thumbnail…

Question 3

This scatter plot displays the relationship between height and weight for a dataset of individuals, with each point colored by its category (A, B, or default orange). The visualization loads CSV data asynchronously using `d3.csv`, then maps height and weight values through `d3.scaleLinear` domains to screen coordinates. Circles are rendered as SVG elements with `d3.selectAll` and `.join`, while the axes are created using `d3.axisLeft` and `d3.axisBottom`. The chart fills the browser window, with green axis labels and a red title.

Sshivasaikumart@gmail.com
82% match