Skip to main content
SimilarExport ZIP
100%

act6 task3.2

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

This visualization shows the relationship between bird weight and height, with points shaped according to bird species. It uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol` for icons, and `symbolsFill` for shape variants. Data is loaded from a CSV file via `csvParse`, with numerical fields converted before rendering. The scatter plot includes labeled axes and a custom shape legend, all drawn with SVG paths in an HTML page.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activty6_3

This scatter plot visualizes the relationship between wing and tail lengths for various bird species, with each point encoded by a distinct shape (circle, triangle, or diamond) to represent different species. The visualization uses D3 v6, employing `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the axes. Data is loaded from a remote CSV file, filtered to remove missing values, and rendered as SVG symbols using `d3.symbol` with a custom legend. The plot includes axis labels, a bold teal title, and a legend positioned on the right side.

Rrishikareddy181@gmail.com
82% match
Loading thumbnail…

activity6_question 3

This scatter plot visualizes the birds dataset, showing beak length on the x-axis and beak width on the y-axis, with each point colored by species (sparrow, finch, blue jay, or other). The visualization uses D3 v6 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map the data. The code loads CSV data from a GitHub raw URL, parses numeric fields, and draws circles with a fixed radius of 5 pixels, while also logging body length and wing span values to the mark objects.

1188r1a0559@gmail.com
82% match
Loading thumbnail…

q3_satish

This D3.js v6 scatter plot visualizes a bird dataset by plotting Weight on the x-axis and Height on the y-axis. Each circle is colored according to the species, with a switch statement mapping species names to colors. The chart loads CSV data via the `d3.csv` promise, uses `scaleLinear` and `extent` to set the scales, and renders axis labels with custom styling. The SVG is sized to the full browser window, and the data is fetched from a GitHub raw URL.

SSatish Nallamadugu
81% 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
81% match
Loading thumbnail…

Activity 6 _Task 3.2

This example presents a scatter plot of height versus weight, with data points shaped according to a person type category. The dataset is loaded from a remote CSV file and parsed with `d3.csvParse`. The visualization uses `d3.scaleLinear` for both axes and `d3.scaleOrdinal` with `d3.symbolsFill` to encode the categorical variable through different symbol shapes. The chart includes axis labels, a title, and a custom legend built with D3’s `symbol` generator, all rendered within an SVG using D3 v7.

MMonish Galla
80% match
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
79% 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
79% 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
78% match