Skip to main content
SimilarExport ZIP
100%

Activity-6_Task-3_Part-2

✓ Published0🌍 Public
VVasanth Krishna
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This visualization displays Fisher’s iris dataset as a scatter plot of sepal length against petal length, with each species represented by a distinct D3 symbol shape and a corresponding legend. The code uses d3.csvParse to load data from a remote CSV, then applies d3.scaleLinear, d3.scaleOrdinal, and d3.symbol via the axes and shapeLegend modules to render axes, shapes, and labels. The plot updates responsively to the window size, showing how D3 v7 modules compose for interactive data exploration.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3.2

This visualization displays the Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded through different symbol shapes and a legend. The code uses d3.scaleLinear, d3.scaleOrdinal, and d3.symbol to position points and assign shapes, while d3.axisBottom and d3.axisLeft render the axes. Data loads asynchronously from a CSV URL and is parsed with d3.csvParse, converting numeric fields before rendering the chart with custom axes and legend modules.

Vvenkatamanikantavaddi@my.unt.edu
92% match
Loading thumbnail…

Activity6-Task3.2

This visualization displays the Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis, with the three iris species distinguished by different symbol shapes. The plot uses d3.scaleLinear for both axes, d3.scaleOrdinal with d3.symbolsFill to encode species, and includes axis labels and a shape legend. Data is loaded asynchronously from a GitHub-hosted CSV file using d3.csvParse, with numeric fields converted to numbers before rendering.

Mmeenam1106@gmail.com
92% match
Loading thumbnail…

Activity6_Task3.2

This visualization displays the Iris dataset using a D3.js scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Each data point is rendered as a path with a distinct symbol from `symbolsFill`, where the species determines its shape. It loads CSV data via `d3.csvParse` from a remote GitHub source and uses `scaleLinear` for positioning and `scaleOrdinal` for shape encoding. A custom legend shows the species labels, and the axes are drawn with `axisLeft` and `axisBottom`.

SSeema Shrestha
92% match
Loading thumbnail…

Activity 6_Task-3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with each species distinguished by a unique symbol shape and a corresponding legend. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal with symbolsFill for shape encoding, and d3.symbol to render the marks. Axes and labels are drawn via custom functions. Data is loaded asynchronously using d3.csvParse from a remote CSV file, and the plot updates responsively to the window size.

Rrajkodavati7@gmail.com
92% match
Loading thumbnail…

Activity6_Task 3.2

This D3.js visualization presents a scatter plot of the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis. The plot encodes the species of each iris flower using distinct symbols, which are displayed in a legend on the right. The code utilizes `d3.scaleLinear` for axes and `d3.scaleOrdinal` with `d3.symbolsFill` and `d3.symbol` for the shape mapping. Data is fetched from a remote CSV file and parsed with `d3.csvParse`, while `d3.axisLeft` and `d3.axisBottom` render the axes.

UUday Vandanapu
92% match
Loading thumbnail…

Activity 6_Task 3.2

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with species distinguished using different symbol shapes from D3’s `symbolsFill` and `scaleOrdinal`. A shape legend, created via custom functions, identifies each species. The code uses D3 v7 modules like `axisBottom`, `axisLeft`, `scaleLinear`, and `symbol`, loading data from a remote CSV and parsing it with `csvParse`. The visualization demonstrates modular ES6 imports and responsive SVG rendering.

NNagalakshmi Thota
91% match
Loading thumbnail…

Activity-6 Task-3.2

This visualization displays a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. Each point is rendered as a distinct symbol shape representing the species of iris flower. The chart uses D3.js v7 with `scaleLinear` for the axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom legend showing the species symbols. Data is loaded as CSV and parsed with `csvParse` before being plotted.

Bbhargavireddy4016@gmail.com
91% match
Loading thumbnail…

Activity6_Task3_Tutorial3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length, with each of the three species represented by a distinct symbol shape. The visualization uses d3.scaleLinear for both axes and d3.scaleOrdinal with symbolsFill to map species to different geometric markers. A legend, generated through the shapeLegend module, explains the species-to-shape correspondence. The code loads CSV data via d3.csvParse from a remote source, applies numeric conversion, and renders SVG marks using the d3.symbol generator.

PPradhyumna Poralla
91% match