Skip to main content
SimilarExport ZIP
100%

Activity 7 Scatter Plot

✓ Published0🌍 Public
NNagateja99
Last edited Jul 13, 2023
Created on Jul 13, 2023
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species. It uses D3 v6 to load CSV data via `d3.csv`, then renders circles as SVG elements using `scaleLinear` for axes. The code distinguishes three species with a color mapping function and displays labeled axes for petal and sepal measurements.

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…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width across three iris species, with each species represented by a distinct color. The visualization uses D3 v6 to load the CSV data, create linear scales with d3.scaleLinear, and render SVG circles. Axes are generated using d3.axisLeft and d3.axisBottom, with axis labels for both variables. The code also parses additional sepal measurements but uses them only as data attributes rather than for visual encoding.

HHarshiiiiiiiip
96% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot displays the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear` for axes and `extent` to set domains from the CSV data. Circle marks are drawn with a fixed radius, and the code includes custom axis labels for petal and sepal measurements. Colors distinguish between setosa, versicolor, and virginica species.

SSharankumar02
95% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample while coloring points by species. The SVG rendering uses D3.js v6, loading data via CSV from a GitHub repository. The code employs `scaleLinear` for axes, `axisLeft` and `axisBottom` for tick marks, and `csv` for data parsing. Circles are positioned with `cx` and `cy` attributes, with species-specific colors assigned through a switch function.

VVarshareddy2912
95% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, using D3 v6 to map petal length and petal width for each sample. The visualization encodes the species of each flower through color, with setosa in skyblue, versicolor in lightgreen, and virginica in orange. Data is loaded from a remote CSV file using `d3.csv`, while `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` handle the scales and axes. The SVG circles are rendered with the `join` method, and the chart includes labeled axes for petal length and sepal length.

Aaniteshterala2000
95% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot displays the Iris dataset, mapping petal length and petal width on the axes while coloring each point by species (setosa, versicolor, or virginica). The visualization encodes sepal length and width as the `rx` and `ry` radius properties of each circle, effectively creating ellipse-like markers. Built with D3 v6, the code loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scaling, and renders SVG circles with `selectAll` and `join`. Axis labels are added manually, and the plot fills the entire browser window.

NNukaShravanKumar
95% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for three species of iris flowers, with points colored by species: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The code loads CSV data via d3.csv, uses d3.scaleLinear with d3.extent to establish scales, and renders the plot as an SVG. Axes are drawn with d3.axisLeft and d3.axisBottom, while circle elements are bound to the data and positioned using scaled values, with labeled axes for petal and sepal measurements.

LLakshmanRangisetti
95% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, encoding petal length on the x-axis and petal width on the y-axis. The code uses D3 v6 APIs including `d3.csv`, `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom`, rendering to an SVG. Data points are colored by species (skyblue, lightgreen, orange), and the plot also incorporates sepal dimensions as extra coordinates, though only the petal dimensions are used for point positions. The chart labels axes as petal length and sepal length.

Bbogasamudramvamsikrishnareddy
95% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width. Data points are colored by species, with grey for setosa, skyblue for versicolor, and red for virginica. The visualization uses D3 v6, loading data from a remote CSV file via the `csv` function and rendering circles as SVG marks. It employs `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and custom styling for text elements.

AArun Pratap
95% match