Man SDV Task 8 Q3

Man SDV Question 3

This example shows a scatter plot of custom dataset points, with each dot colored by category using a categorical color scale. The visualization loads data from a remote CSV file and renders it with D3 v7, using `scaleLinear` for axes and `scaleOrdinal` with `schemeCategory10` for colors. It includes a reusable axis module and a legend component that maps shapes to categories using `d3.symbol`. The plot updates responsively to the window size.

84% match

Manoja SDV 3

This scatter plot displays the relationship between height and weight for fish species in a dataset loaded from a GitHub-hosted CSV file. The visualization uses colored circles to differentiate between species, with a legend showing each species’ color mapping. The code leverages D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes and scales, while the D3 `select` and `join` functions handle SVG circle creation. The rendered SVG fills the browser window, with styled axis labels and a red title.

80% match

Ssumanthpenna0221@gmail.com

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.

80% match

Man SDV Question 3 - 6

This scatter plot visualizes the relationship between sepal length and sepal width from the Iris dataset, with species information indicated through a shape legend. It uses D3.js (v7) with the `d3.axisBottom` and `d3.axisLeft` APIs to generate the axes, `d3.scaleLinear` for coordinate mapping, and `d3.symbols` for the legend shapes. The plot is rendered as an SVG, with each flower represented as a steelblue circle positioned by its sepal measurements. The implementation loads data from a CSV file and draws the chart programmatically.

79% match

task-3

This scatter plot visualizes the relationship between two numeric variables from a CSV file, with data points colored red or blue based on their group designation. The visualization uses D3.js v7 to load and parse the data, then applies linear scales for both axes. The code constructs an SVG graphic with labeled axes generated through `d3.axisBottom` and `d3.axisLeft`, while circles with a radius of 5 pixels are placed using the `d3.scaleLinear` mappings to represent each data point.

HHanuReddy

Man SDV Activity 6_ Task 3 - Tutorial 3.2

This example shows a scatter plot of iris flower measurements, with sepal length on the x-axis, petal length on the y-axis, and species encoded by ten distinct symbol shapes from d3.symbolsFill. A shape legend identifies each species marker. Using D3 v7, the code loads data from a remote CSV via fetch and csvParse, then renders the plot with d3.scaleLinear for axes, d3.axisBottom/axisLeft for ticks, and d3.symbol to generate the shape paths.

Ssiddhubhupathi@gmail.com

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

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.