Skip to main content
SimilarExport ZIP
100%

Fork of Task 8 Scatter plot

✓ Published0🌍 Public
Ssamithareddy9@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024

This fork renders the IRIS dataset as a scatter plot, mapping petal length and width to the x and y axes while coloring each point by species (setosa, versicolor, and virginica). The SVG visualization uses d3.scaleLinear, d3.extent, axisLeft, and axisBottom to construct the chart, with circles colored via a switch statement. Data is loaded as CSV from a GitHub gist using d3.csv, and the plot fills the browser window with custom margins and rotated axis labels.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Task-8(Tutorial-3)

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, and virginica). The visualization uses D3 v6's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes, with circle elements rendered via SVG. Data is loaded asynchronously from a GitHub-hosted CSV file using D3's `csv` function, and the chart dimensions adapt to the browser window size.

Ttallurisaiteja96@gmail.com
92% match
Loading thumbnail…

Fork of Task-8(Tutorial-3)

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, and virginica). The visualization uses D3 v6's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes, with circle elements rendered via SVG. Data is loaded asynchronously from a GitHub-hosted CSV file using D3's `csv` function, and the chart dimensions adapt to the browser window size.

Ttallurisaiteja96@gmail.com
92% match
Loading thumbnail…

Fork of Task 8 tutorial 3

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width to the x- and y-axes while coloring each point by species. The code uses D3 v6 with the `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load and scale the data, then renders SVG circles with custom fill colors for setosa, versicolor, and virginica. The visualization also includes rotated axis labels for petal length and sepal length, with the plot sized to fill the browser window.

Vvchittimadha@gmail.com
89% match
Loading thumbnail…

Fork of Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) via a simple switch function. The visualization uses d3.csv to load remote CSV data, then d3.scaleLinear with extent domains to map values to screen coordinates, and d3.axisLeft and d3.axisBottom for labeled axes. Circles are rendered as SVG elements with fixed radius via d3.selectAll().join(), while sepal length and width are stored as unused data fields. The plot fills the browser viewport, with green axis titles rotated vertically for the y-axis.

Aaschowdary.shashi@gmail.com
89% match
Loading thumbnail…

Fork of Fork of act_6_3.1task

This scatter plot displays the Iris dataset, showing petal length against petal width, with color-coded points representing the three species: setosa, versicolor, and virginica. Rendered as an SVG using D3 v6, the visualization scales both axes with `scaleLinear` and draws circles via `selectAll` and `join`, with axis labels generated by `axisLeft` and `axisBottom`. The data is loaded asynchronously from a raw GitHub CSV URL, and point colors are assigned through a switch function based on species.

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

Fork of Activity 6_Task 3

This scatterplot visualizes the Iris dataset, mapping petal length and width for individual flowers, with points colored by species (setosa, versicolor, virginica). D3 v6 loads the CSV data, then uses scaleLinear and extent to set the x and y axes, while axisLeft and axisBottom add labels. The SVG circles receive computed coordinates and colors based on the parsed species field. The chart’s red title and green axis labels, positioned via rotation and translate, highlight the custom styling and data-derived encoding.

Aanusha.chilkamarri26@gmail.com
88% match
Loading thumbnail…

Fork for Task 9 & 10 Tutorial

This interactive scatter plot visualizes the Iris dataset, cycling through different petal and sepal measurements on the x-axis every few seconds. It uses D3.js to render colored circles representing three species, with a legend and axis labels updating dynamically. The visualization employs `scaleLinear`, `axisBottom`, and `axisLeft` to construct the chart, while a `setInterval` timer animates the transitions between dimensions. Data is loaded via `d3.csv` from a remote GitHub gist, and the SVG rendering includes custom styling for titles and annotations.

Ssamithareddy9@gmail.com
88% match