Fork of Task2 ICE6 Scatter Plot

100%

Fork of Task2 ICE6 Scatter Plot

✓ Published0🌍 Public

Last edited Mar 14, 2024

Created on Mar 14, 2024

This scatter plot displays the relationship between petal length and sepal length for a dataset of iris flowers. It renders circles using SVG via D3 v6, with scales created by `scaleLinear` and axes generated by `axisLeft` and `axisBottom`. The data is loaded as CSV using `d3.csv` and parsed with numeric coercion. Axis labels and a custom margin layout clarify the plot, while the visualization fills the entire browser window using `window.innerWidth` and `window.innerHeight`.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Task2 ICE6 Scatter Plot

This visualization is a scatter plot that displays the relationship between petal length and sepal length for iris flowers. Each dot represents a single flower, with its horizontal position determined by petal length and vertical position by sepal length. The plot renders as an SVG using D3's `scaleLinear` for axis scaling and `axisLeft`/`axisBottom` for tick marks. Data is loaded asynchronously from a CSV file via `d3.csv`. The code uses the `select` and `join` API to create circle elements, and labels are positioned with SVG `text` elements.

Ddineshtadepalli12

92% match

Loading thumbnail…

Task2 ICE6 Scatter Plot

This scatter plot visualizes the relationship between petal length and sepal length in the classic Iris dataset, with each of the 150 flowers depicted as a small SVG circle. The code uses d3.csv to load the data, d3.scaleLinear for the x and y axes, and d3.extent to compute the scales from the data domains. Axis labels are added as SVG text elements with custom styling. The visualization is rendered directly into the browser window using SVG, with the plot dimensions resizing to match the full viewport. The chart clearly shows a positive correlation between these two iris flower measurements.

Bbharathsivakumar07

92% match

Loading thumbnail…

ICE 6, task 2 - Scatter Plot Using Iris dataset

This scatter plot displays the relationship between petal length and sepal length for 150 iris flowers, using the classic Iris dataset loaded from a GitHub gist as CSV. Each flower is represented as a circle positioned by d3.scaleLinear scales mapping the data attributes to SVG coordinates. The visualization builds axes using d3.axisLeft and d3.axisBottom, with labels added as SVG text elements. The code applies D3 v6’s csv parsing with a custom row conversion function, dynamically sizes the SVG to the window, and styles tick labels via CSS.

Ssandeep-gollamudi

89% match

Loading thumbnail…

Fork of Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual data points, with color coding by species (setosa, versicolor, virginica). The visualization uses D3.js v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and parse the CSV data from a GitHub gist, then render SVG circles. Axes are labeled for petal length and sepal length, though the data mapping uses petal dimensions for positioning. The code also references additional properties like sepal measurements, which are not directly used in the final point placement.

Sshivakumarganji@my.unt.edu

89% match

Loading thumbnail…

Fork of Activity_6_Task_3.2

This scatter plot visualizes the Iris dataset, mapping sepal length and petal length on the x- and y-axes, with species encoded by point shape. It uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to create the visualization, rendering SVG paths via `symbol()`. Data loads from a CSV via `csvParse`, with axes and a shape legend generated using `axisLeft`, `axisBottom`, and custom legend code.

Lleelakrishnadivi7@gmail.com

89% match

Loading thumbnail…

Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (blue, yellow, red). The visualization uses d3.csv to load data, d3.scaleLinear for axes, and D3’s selection joins to render SVG circles with petal dimensions. Axis labels are added via D3’s axisBottom and axisLeft, with text rotated for the y-axis. The chart also encodes sepal length and width as the rx and ry attributes of each circle.

Kkollirohit2000

89% match

Loading thumbnail…

Fork of Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset using D3 v6, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, or virginica) in blue, yellow, or red. The SVG rendering includes axis labels for petal length and sepal length, though the sepal dimensions are also encoded as the horizontal and vertical radii of each circle, creating elliptical markers. Data is loaded as CSV via `d3.csv`, with scales built through `scaleLinear` and axes generated using `axisLeft` and `axisBottom`.

TTekmal-Bhavana

89% match

Loading thumbnail…

Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower specimen while coloring points by species (setosa, versicolor, or virginica). Built with D3 v6 and React, it uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for ticks. The SVG circles use attributes `rx` and `ry` to encode sepal dimensions, though these are not visually discernible because the radius remains fixed. The plot fills the viewport with axis labels in red.

Nnikhilagopi

88% match