Skip to main content
SimilarExport ZIP
100%

Task 8 T3.1_Vitesh Chalicheemala

✓ Published0🌍 Public
Mmanju.972@gmail.com
Last edited Apr 12, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

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) using SVG circles. The code loads data from a GitHub-hosted CSV, parses numeric fields, and uses D3 v6 scales such as `scaleLinear` and functions like `extent`, `axisLeft`, and `axisBottom` to render axes and labels. Circle radii are fixed, while the `rx` and `ry` attributes are set from sepal measurements, though these do not visually alter the circles’ appearance. The visualization fills the browser window and includes custom axis labels.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task8 T3

This scatter plot displays the Iris dataset, mapping petal length and petal width as the primary x and y coordinates, while the data points are colored by species (setosa, versicolor, and virginica) using a custom color scheme. The visualization also encodes sepal length and width as the `rx` and `ry` attributes of each circle, though this does not affect the visual rendering since the radius is fixed. Built with D3 v6, the code uses `d3.csv` to load the data, `d3.scaleLinear` for axes, and `d3.axisLeft` and `d3.axisBottom` for the chart's labels.

Ssruthimreddy6@gmail.com
92% match
Loading thumbnail…

Task 8 T3.2_Vitesh Chalicheemala

This example shows a scatter plot of iris flower measurements, mapping sepal length to the x-axis and petal length to the y-axis, with species encoded by five distinct D3 symbol shapes and a custom legend. The visualization loads CSV data from a GitHub-hosted file using `csvParse` and renders marks via `d3.symbol`. Axes and legend are built with reusable ES6 modules for `axisLeft`, `axisBottom`, and a custom `shapeLegend`, while scales are created with `scaleLinear` and `scaleOrdinal`.

Mmanju.972@gmail.com
91% match
Loading thumbnail…

Task8 T3

This visualization shows the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Points are colored by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. The code uses D3 v6 with `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and render the data as SVG circles. The axes are labeled, and the data source is a remote GitHub gist containing the iris measurements.

Ssruthimreddy6@gmail.com
91% match
Loading thumbnail…

Task8_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 code also stores sepal length and width values per point, though these are not currently mapped to visual encodings. Built with D3 v6, it loads the CSV data from a GitHub gist, uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes, and renders colored circles as SVG markers. The chart fills the browser window, with labeled axes for petal length and sepal length.

Mmulyasuji999@gmail.com
91% 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
90% match
Loading thumbnail…

act8task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each point colored by species (setosa, versicolor, or virginica). The SVG rendering uses d3.v6, including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for axes and scaling. Data is loaded via `d3.csv` from a GitHub gist, and circles are bound and joined using `selectAll` and `join`. While the plot maps petal dimensions on the axes, the code also stores sepal measurements for each mark, though they are not directly plotted.

Rravularasesh3102@gmail.com
90% 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
90% match
Loading thumbnail…

Task8_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with each point colored by species (setosa, versicolor, virginica). The plot uses D3 v6.7.0’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to construct the chart, which is rendered as an SVG. Data is loaded from a remote CSV using D3’s `csv` helper, and circles are positioned with attributes for `cx`, `cy`, and fill color, though the code also encodes non-visual sepal measurements in unused `rx` and `ry` properties.

Sshraehithareddy@gmail.com
90% match