Activity6_Question3

100%

Activity6_Question3

✓ Published0🌍 Public

Last edited Apr 5, 2024

Created on Apr 5, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Question3

This scatter plot displays the relationship between length and width for objects in a dataset, with shape encoding representing material type. The visualization loads CSV data via `fetch` and `csvParse`, then renders points using D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` API to generate distinct shapes. Axes are drawn with `axisLeft` and `axisBottom`, while a custom legend maps materials to symbols. The chart is responsive, sizing to the window dimensions, and was created by SiddharthaBhupathi.

Ssiddhubhupathi@gmail.com

87% 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

86% match

Loading thumbnail…

Activity6_Q3

This scatter plot visualizes the relationship between car length and weight, using distinct symbols to differentiate car types. The plot is rendered with D3.v7, and the axes are drawn using custom API calls like `axisLeft` and `axisBottom`. A shape legend maps the categorical values to their symbols, and the data is loaded asynchronously from a CSV file hosted on GitHub, with numerical fields parsed before plotting.

Sssuryateja804@gmail.com

86% match

Loading thumbnail…

Activty6_Question3_6

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.

Ssriharshithaanugu5@gmail.com

85% match

Loading thumbnail…

activity 6 q 3

This scatter plot visualizes the relationship between the length and width of objects, using symbols to distinguish materials. The axes are labeled Length and Width, and a legend identifies the material categories. Built with Observable-style code using D3 v7, it loads data from a CSV file hosted in a GitHub gist. The visualization employs `d3.scaleLinear` for the axes, `d3.scaleOrdinal` with `symbolsFill` for shape encoding, and custom modules for rendering axes and the shape legend.

Ssumanthpenna0221@gmail.com

85% 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

85% 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

84% 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

83% match