Skip to main content
SimilarExport ZIP
100%

Activity6_Tutorial_3.2

✓ Published1🌍 Public
Cchowdaryhemanth14@gmail.com
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Hello VizHub

This visualization displays the classic Iris dataset, plotting sepal length against petal length to compare three species. Each point is rendered as a distinct SVG path shape—circles, squares, and triangles—indicating setosa, versicolor, and virginica, with a legend generated by the custom `shapeLegend` module. The chart uses D3 v7's `scaleLinear` and `scaleOrdinal` scales, along with `d3.symbol` to produce the marks, and `renderAxes` to draw labeled axes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6 tutorial 3.2

This example visualizes the classic Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis. Each species—setosa, versicolor, and virginica—appears as a distinct shape (circle, cross, or diamond) rendered as SVG paths using d3.symbol(). The code builds the chart with d3.scaleLinear for axes, d3.scaleOrdinal for shape mapping, and d3.axisBottom/axisLeft for ticks. A custom shapeLegend function creates a legend showing each species symbol. Data is loaded from a remote CSV via d3.csv.

Kkoushikkumarreddykoorapati@my.unt.edu
93% match
Loading thumbnail…

Activity6-Tutorial-3.2

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length on the x-axis against petal length on the y-axis, with points colored by species via a categorical ordinal scale. The chart uses custom D3 v7 modules for axes and a shape legend, employing `scaleLinear` for coordinate scaling, `scaleOrdinal` with `symbolsFill` to assign distinct marker shapes, and a `symbol` generator for drawing them. Data is loaded asynchronously from a CSV file using `csvParse` and rendered within an SVG that resizes to the full window.

Ssowmyaammula.sdv@gmail.com
93% match
Loading thumbnail…

Activity6_Tutorial3.2

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length for three species of iris flowers. Each species is distinguished by a unique symbol shape: circles for setosa, squares for versicolor, and triangles for virginica, with a custom legend generated by the `shapeLegend` function. The chart uses D3 v7’s `scaleOrdinal`, `scaleLinear`, and `d3.symbol` to render SVG marks, along with axes created via `d3.axisBottom` and `d3.axisLeft`. The data is loaded from a CSV file and mapped to numeric values before rendering.

Kkandooriabhiram@gmail.com
93% match
Loading thumbnail…

activity 6_tutorial 3.2

This example shows the classic Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a unique symbol shape. A legend identifies the three species by their corresponding shapes. The visualization uses D3 v7 to load and parse the CSV data, then renders marks using d3.symbol and d3.symbolsFill. Axes are drawn with d3.axisBottom and d3.axisLeft, while scales for position and shape are created with d3.scaleLinear and d3.scaleOrdinal.

Aanusha.chilkamarri26@gmail.com
91% match
Loading thumbnail…

Activity_6Tutorial3.2

This scatter plot visualizes the classic Iris dataset, displaying sepal length against petal length for three iris species. Each species is distinguished by both color and shape: green circles for setosa, blue triangles for versicolor, and orange squares for virginica. The visualization uses D3.js v7 to load the CSV data, create linear scales for the axes, and render SVG paths with d3.axisBottom and d3.axisLeft for the chart framework.

Mmaheshsachin1234@gmail.com
91% match
Loading thumbnail…

ACTIVITY6_T3.2

This example visualizes the Iris dataset as a scatter plot, showing the relationship between sepal length and petal length across three species—setosa, versicolor, and virginica. Each species is distinguished by a different geometric shape (circle, square, or triangle), rendered via SVG paths using `d3.symbol` and `d3.scaleOrdinal`. A legend explains the shape-to-species mapping. The code uses D3 v7 to load the CSV data, build linear scales with `scaleLinear`, and render axes with `d3.axisLeft` and `d3.axisBottom`.

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

Activity_6_Tutorial_3.1

A scatter plot of the Iris dataset shows sepal length on the x-axis versus petal length on the y-axis, with each of the three species distinguished by color. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for species colors, and `d3.axisBottom`/`d3.axisLeft` for tick marks. Data is loaded asynchronously from a local CSV via `d3.csv`, and circles represent individual observations across 150 flowers.

Cchowdaryhemanth14@gmail.com
90% match
Loading thumbnail…

Activity6_Tutorial3.2

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length for three iris species. Each data point is rendered as a distinct shape (circle, square, or triangle) using the d3.symbol API, with a legend mapping shapes to species. The visualization is built with d3.scaleLinear for axes, d3.scaleOrdinal for the shape encoding, and d3.axisLeft/axisBottom for labeled axes. Data is loaded asynchronously from a remote CSV file using d3.csvParse. The chart updates dynamically via the d3.select and join operations.

Ddandudivya98@gmail.com
90% match