task -2

100%

✓ Published0🌍 Public

Last edited Mar 22, 2023

Created on Mar 22, 2023

Forked from Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species (setosa, versicolor, virginica). The visualization uses D3 v6's `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load the CSV data, map the measurements to x and y coordinates, and render the axes. Points are drawn as SVG circles in the browser window, with a custom color-mapping function assigning distinct colors to each iris species. The chart also includes descriptive axis labels for the petal measurements.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Task-3

This scatter plot visualizes the Iris dataset, mapping petal length and width as the primary axes while encoding sepal dimensions through elliptical marker shapes. Points are colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica) using D3's scaleLinear for axis scaling and extent for domain calculation. The visualization loads data from a GitHub-hosted CSV, employs D3 v6's select and join operations to bind data to SVG circles, and uses axisLeft/axisBottom for labeled axes.

Kkotipallipavan54@gmail.com

93% match

Loading thumbnail…

activity 6 task 3

This scatter plot visualizes the Iris dataset, depicting petal length against petal width for individual flowers, with color-coded points for each species (setosa, versicolor, and virginica). The visualization uses D3 v6 with `csv()`, `scaleLinear()`, and `extent()` to load data from a GitHub-hosted CSV and map values to screen coordinates. Points are rendered as SVG circles using `selectAll().join()`, with an `axisLeft()` and `axisBottom()` providing labeled axes. The code also reads sepal measurements but applies them as circle `rx` and `ry` attributes, though these are overridden by a fixed radius value.

Ssairamisetti3829@gmail.com

92% match

Loading thumbnail…

Task8_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for three species, each represented by a distinct color (skyblue for setosa, lightgreen for versicolor, orange for virginica). Built with D3 v6, the visualization uses `d3.select`, `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data from a remote CSV, map the quantitative fields, and render SVG circles with fixed radius. The chart includes rotated and bottom axis labels, with styling applied through CSS. The code reads petal and sepal measurements directly from the parsed rows, though only the petal dimensions are plotted.

Jjyothirmai318@gmail.com

92% match

Loading thumbnail…

Activity8-Task3

This scatterplot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each iris flower represented as a colored circle. Points are colored by species—setosa in sky blue, versicolor in light green, and virginica in orange—using D3 v6’s `selectAll`, `data`, and `join` methods. The SVG rendering applies linear scales via `scaleLinear` and `extent`, while `axisLeft` and `axisBottom` generate labeled axes. Data is loaded asynchronously from a remote CSV using `d3.csv`, with sepal measurements also parsed but not displayed in the plot.

Ssirichandana017@gmail.com

92% 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

92% match

Loading thumbnail…

Activitity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses d3.csv to load data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render ticks. Circles are drawn via SVG selection joins with the fill color determined by a species-based marker function. The chart includes labeled axes for petal length and sepal width, rendered in green text within a full-window SVG.

GGunna,Praneeth Reddy

92% match

Loading thumbnail…

Task 8 tutorial 3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes, with points colored by species (setosa, versicolor, and virginica). The chart uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data from a GitHub-hosted CSV and render the SVG. In addition to the petal measurements, the code accesses sepal length and width values, though these are not plotted in the visible marks. The visualization includes custom-styled axis labels and colored circles with a fixed radius.

YYeshwanth963@gmail.com

92% match

Loading thumbnail…

Activity6_task3

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, while coloring each circle by species (setosa, versicolor, and virginica). The chart displays all 150 data points using SVG circles, with species-specific colors applied via a switch function. Built with D3 v6, the visualization uses `d3.csv` to load data from a GitHub-hosted CSV, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for tick marks. Axis labels are styled with green text for petal length and sepal length.

Ddineshreddy.ravula@gmail.com

92% match