Skip to main content
SimilarExport ZIP
100%

Activity_6_Task_3_2

✓ Published0🌍 Public
TTarshit Vupperla
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

This example displays a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. Points are colored by shape to represent different species, with a legend for the categorical variable. The visualization uses D3 version 7 libraries including `scaleLinear`, `scaleOrdinal`, `symbol`, `axisLeft`, and `axisBottom`. It loads CSV data from a GitHub repository and renders the plot using D3's selection and join operations within an SVG container.

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 example demonstrates a scatter plot of the Iris dataset, showing sepal length versus petal length with different point shapes representing species. The visualization loads data from a GitHub-hosted CSV file, parses it with `d3.csvParse`, and renders points using D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` generators. A custom shape legend, implemented as an ES6 module, displays the three species with matching symbols. Axes are drawn using `axisLeft` and `axisBottom`, with labels positioned via D3 selection methods.

Gguttavenkata745@gmail.com
94% match
Loading thumbnail…

Activity_6_Task_3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored according to the flower's species. The visualization uses D3 v6, specifically leveraging the `csv`, `select`, `scaleLinear`, and `extent` functions to load and scale the data, and rendering with SVG circles. Axis labels are added using `axisLeft` and `axisBottom`, with the chart's dimensions adapting to the browser window.

TTarshit Vupperla
94% match
Loading thumbnail…

Activity6_Task 3.2

This example displays a scatter plot of the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis. Points are colored and shaped according to species, with a legend indicating the mapping. The visualization is built using D3 version 7, leveraging the `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` APIs for scales and glyphs, along with custom axis and legend modules. Data is loaded from a remote CSV file and parsed with `csvParse`.

Tthoutunikhitha@gmail.com
94% match
Loading thumbnail…

Activity_6_Q3.2

This example demonstrates a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species represented by distinct symbol shapes. It uses D3 v7, importing APIs like `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, and `symbol` via ES6 modules. Data is fetched from a GitHub-hosted CSV and parsed with `csvParse`. The plot includes labeled axes and a custom shape legend, rendered using a combination of joined SVG elements and D3’s data-join pattern.

Ttarun.chintada46@gmail.com
93% match
Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length and petal length along the x- and y-axes. It uses D3 v7 to load and parse the data via `csvParse`, and renders marks with `scaleLinear` and an ordinal shape scale using the symbols from `symbolsFill`. A custom legend displays the three species categories. The visualization is drawn in an SVG container sized to the window, with axes and labels generated by custom `axes` and `shapeLegend` modules.

Vvarshithainaganti@gmail.com
93% match
Loading thumbnail…

Activity6_Task3

This example uses a scatter plot to visualize the Iris dataset, displaying petal length and petal width on the axes while coloring each point by species (setosa, versicolor, virginica). The D3 v6 code loads CSV data via the `csv` function, maps sepal and petal measurements using `scaleLinear` and `extent`, and renders the plot with SVG circles. It creates axes using `axisLeft` and `axisBottom` and adds data-driven colors, providing a clear comparison of species clusters in the flower measurements.

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

Activity 6_Task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with the three flower species distinguished by different symbol shapes (circles, crosses, and diamonds) via a shape legend. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to position and style the marks. It fetches the CSV data from a GitHub repository and renders it in an SVG sized to the window. A modular structure separates the axes, legend, and plot logic into reusable functions.

SSiva Kishore Reddy
93% match
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the Iris dataset, mapping sepal length against petal length and distinguishing species by shape. It loads data from a CSV file and uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `csvParse`. The visualization includes custom axes and a shape legend, built with reusable local ES6 modules.

Llikhitha.sarahah01@gmail.com
93% match