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 visualizes the classic Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis as colored circles. The scatter plot uses `d3.scaleLinear` for axes and `d3.scaleOrdinal` with `schemeCategory10` to color-code the three species, with a custom color legend. It relies on `d3.csvParse` to load data from a CSV file, `d3-selection` and `selection.join` for DOM updates, and `axisLeft`/`axisBottom` for the axes, which are rendered with `d3.scaleLinear` domains computed via `extent`.

AI-generated description

A scatter plot of the Iris Dataset with a color legend.

See also:

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3

This example displays the Iris dataset as a scatter plot, visualizing petal length against petal width for individual flowers, with species indicated by color (skyblue for setosa, lightgreen for versicolor, and orange for virginica). Additional sepal dimensions are stored in each circle’s `rx` and `ry` attributes, though the fixed radius of 5 overrides their visual effect. The visualization uses D3 v6 to load CSV data via `d3.csv`, scales through `scaleLinear` and `extent`, and renders SVG circles with axes generated by `axisLeft` and `axisBottom`. The plot fills the browser window, with labeled axes for petal length and sepal length.

Aakhilasannayila@gmail.com
92% match
Loading thumbnail…

Activity 6_Task 3

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length and sepal length along the x and y axes while encoding species type through point color (sky blue for setosa, light green for versicolor, and orange for virginica). Built with D3 v6, the example uses `csv` to load the data, `scaleLinear` and `extent` for axes, `axisLeft` and `axisBottom` for tick marks, and SVG circles to render the points. Circles also encode sepal length and width as additional attributes, though these do not alter visual appearance.

HHarshita Vairagade
91% match
Loading thumbnail…

Activity6_Task3.1

This example visualizes the Iris dataset as a scatter plot, displaying petal length and petal width on the axes while coloring each point by species (setosa, versicolor, or virginica). It also encodes sepal length and width as the x- and y-radii of the circular markers. The visualization loads CSV data from a GitHub gist, uses D3 v6 modules including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select`, and renders all marks as SVG circles. Axis labels are green, and the plot resizes to the full browser window.

Rrakesh.kavuru@outlook.com
91% match
Loading thumbnail…

Activity6 task3.2

This example visualizes the Iris dataset as an interactive scatter plot, mapping sepal length to the x-axis, petal length to the y-axis, and distinguishing species by different symbol shapes. The plot includes labeled axes and a legend for species, rendered using D3 v7's `scaleLinear` and `scaleOrdinal`. Data is loaded via `csvParse` from a remote URL, with numeric fields converted to numbers. The chart resizes to the viewport and uses d3-fetch to load the CSV, with axes drawn via `axisLeft` and `axisBottom`.

Vvishnutejareddyambati@my.unt.edu
91% match
Loading thumbnail…

Activity6_Task3.2

This example visualizes the classic Iris dataset as a scatter plot of sepal length versus petal length, coloring each point according to its species and using distinct fill symbols (circles, squares, etc.) to encode species, a shape legend appears on the right side. The implementation relies on D3 v7, using `d3.csvParse` to load the Iris CSV data, and then constructs the plot with `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol` for the point glyphs, and `d3.axisLeft`/`d3.axisBottom` for the axes. The `viz.js` module manages loading state and fetch, while `axes.js` and `shapeLegend.js` encapsulate reusable drawing logic.

Mmasters200128@gmail.com
91% match
Loading thumbnail…

Activity 6 task 3.2

This example displays the classic Iris dataset as a scatter plot, using sepal length and petal length for the x and y axes while encoding the three iris species with distinct symbol shapes. The visualization, built with D3 v7, employs `scaleLinear` for position, `scaleOrdinal` for mapping species to `symbolsFill`, and custom legend and axis modules. Data loads asynchronously from a raw GitHub CSV file and is parsed with `d3.csvParse` before rendering.

Rrohitpotluri@my.unt.edu
91% match
Loading thumbnail…

Task_8_Activity_3_2

This example displays the classic Iris dataset, plotting sepal length against petal length as a scatter plot and encoding the three iris species using distinct D3 symbols. It uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.symbolsFill` to map species to shapes, and `d3.axisLeft` and `d3.axisBottom` for the axes. Data is loaded as CSV from a remote GitHub repository and parsed with `d3.csvParse`, with a custom legend function rendering the shape-keyed species labels.

Jjordanwolfe2@my.untdallas.edu
91% match
Loading thumbnail…

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis. Data points are drawn as different shapes corresponding to the three iris species, with a custom shape legend explaining the mapping. The code uses d3.csvParse to load the data and d3.scaleLinear, d3.scaleOrdinal, and d3.symbol to encode values and shapes. Axes are generated with d3.axisLeft and d3.axisBottom, while the visualization updates dynamically as data loads via a simple state-based rendering pattern.

Ss.harshinisai01@gmail.com
91% match