Skip to main content
SimilarExport ZIP
100%

srinivas task 3.2

✓ Published0🌍 Public
SSrinivasAbburi@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, displaying sepal length against petal length, with points colored and shaped by species. The visualization loads data from a remote CSV file and uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `axisBottom` to render axes and a custom shape legend. The code demonstrates modular ES6 imports and reactive state management through a setState pattern.

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…

srinivas task3.1

This scatter plot visualizes the Iris dataset, showing petal width against petal length while encoding sepal dimensions and species. Colored circles represent species categories—sky blue for setosa, light green for versicolor, and orange for virginica—with circle radius fixed at five pixels. The visualization loads data from a CSV file via `d3.csv` and renders an SVG scatterplot using `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom`. Axis labels clarify measurements, while the code demonstrates D3 v6 imports and local module usage.

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

Task3.1

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with each of the three species colored distinctly (setosa, versicolor, virginica). The visualization uses D3 v6 APIs, including `d3.csv`, `d3.scaleLinear`, `d3.extent`, and D3's axis generators (`axisLeft`, `axisBottom`) to render an SVG chart. Data is loaded from a remote CSV URL, with each point represented as a circle whose color is determined by species. The plot includes custom axis labels, with the chart sized to fill the browser window.

Ssivachandraramanaidu.vnof52@gmail.com
88% match
Loading thumbnail…

Task3.2 of Activity6

This example displays the Iris dataset as an interactive scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Different species are encoded through distinct shapes using D3’s `symbol` generator and `scaleOrdinal` with `symbolsFill`, with a custom legend indicating the shape meanings. The visualization is built with D3 v7, using modular functions for axes and legends, and loads the data asynchronously from a GitHub-hosted CSV file.

VVenkataSaisrivishnuBatchu@my.unt.edu
87% match
Loading thumbnail…

task 3.2

This visualization displays a scatter plot of the classic Iris dataset, mapping sepal length against petal length. Points are colored and shaped according to the species of iris, with a legend indicating the species categories. The chart is built using D3.js version 7, leveraging the `scaleLinear` and `scaleOrdinal` APIs for continuous and categorical scales, and `symbol` for generating scatter plot point shapes. Data is loaded asynchronously from a remote CSV source and parsed with `csvParse`.

Nnitishsurneni@gmail.com
87% match
Loading thumbnail…

task3.2

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length for three iris species. The plot encodes species identity through different symbol shapes: circles for Iris-setosa, squares for Iris-versicolor, and triangles for Iris-virginica, with a legend displayed in the upper-right corner. The visualization is built using D3 v7, with axes rendered via d3.axisBottom and d3.axisLeft, points drawn as SVG paths using d3.symbol, and data loaded from a CSV URL using d3.csv.

Bbadiniswetha@gmail.com
87% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, showing sepal length versus petal length for three flower species. The visualization uses d3.v7 with scaleLinear for axes, scaleOrdinal with symbolsFill to encode species as different point shapes, and a custom legend. Data loads asynchronously from a GitHub-hosted CSV file, parsed with csvParse, with axes and shape legends created via reusable D3 modules. The plot updates automatically when the data arrives.

SSowjanya Devupalli
87% match
Loading thumbnail…

TASK-3

This example demonstrates a scatter plot of the Iris dataset, showing sepal length against petal length with points shaped by species. The visualization loads the CSV data from a GitHub repository and uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` to render axes and points. A custom legend displays the three species using different symbol shapes, while the code exercises local ES6 module imports alongside D3’s bundled version. The chart rescales to fit the viewport dimensions on load.

Aajaykumarakula00@gmail.com
87% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset by mapping sepal length on the x-axis against petal length on the y-axis for three iris species. Each species is distinguished using a different SVG path symbol—circle, triangle, and square—while all points share a uniform blue fill. The visualization is built with D3 v7, using d3.csv to load the data, d3.scaleLinear for axes, and d3.symbol for shape encoding. A legend explains the shape-to-species mapping, with the data sourced from a GitHub-hosted CSV file.

Ssreejabommineni1506@gmail.com
87% match