Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.1

✓ Published0🌍 Public
VVarshith Peddineni
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with each point colored by species via a custom `marker` function. The D3 v6 code loads CSV data from a GitHub gist using `d3.csv`, scales the axes with `scaleLinear`, and renders circles in an SVG. Axis labels appear for petal length and sepal length, though the latter label mismatches the plotted x-values. The chart uses `axisLeft` and `axisBottom` for ticks and fills margin-controlled space.

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…

Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers while encoding species with distinct colors. The visualization uses D3 v6, loading data from a CSV file and rendering circles as SVG marks. It demonstrates D3's scaleLinear, extent, axisLeft, and axisBottom APIs to construct the chart, with a custom marker function assigning skyblue, lightgreen, or orange based on species. The plot includes rotated axis labels and uses window dimensions for responsive sizing.

Vvarshithainaganti@gmail.com
95% match
Loading thumbnail…

Activity6_task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower specimen. The D3 v6 code loads CSV data from a GitHub gist and uses scaleLinear, axisLeft, and axisBottom to construct the chart. Circles are colored by species—setosa, versicolor, and virginica—using a custom marker function, with radius fixed at five pixels. The SVG rendering includes rotated axis labels for petal length and sepal length, though the sepal label is mislabeled in the code.

Ssravani1969@gmail.com
95% 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, with points colored by species (setosa, versicolor, and virginica). The visualization uses d3.v6’s `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while `csv` loads the remote GitHub-hosted data. Circles are appended via data joins, with `cx` and `cy` positions scaled from the parsed numerical values, and fill colors assigned per species. The SVG renders full-window, with axis labels noting petal length and sepal length metrics despite the plot’s primary dimensions.

Rrakshithareddy217@gmail.com
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, plotting petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) using a custom marker function. The visualization is built with D3 v6, using `scaleLinear` for both axes, `axisLeft` and `axisBottom` for chart framing, and loads the data from a remote CSV file via the `csv` function. Note that while the code also parses sepal dimensions, only the petal measurements are currently displayed. The chart is drawn as an SVG, with circles sized at a fixed radius and axes labeled in green.

MMallikarjun Narra
95% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset by mapping petal length and petal width, with points colored by species (setosa, versicolor, virginica). Using D3 v6, the code loads CSV data with the `csv` function, creates axes with `axisLeft` and `axisBottom`, and applies `scaleLinear` for positioning. Circles are rendered via SVG selections, with an unusual use of `rx` and `ry` attributes based on sepal dimensions. The raw data comes from a GitHub-hosted CSV file.

VVidya Lakshmi Chitturi
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, displaying petal length against petal width while coloring each point by species (setosa, versicolor, or virginica) using D3 v6. The code loads CSV data via `d3.csv`, applies linear scales with `d3.scaleLinear`, and renders SVG circles with axes generated by `d3.axisLeft` and `d3.axisBottom`. Data parsing converts numeric fields, and the chart fills the browser window with responsive dimensions. The visualization distinguishes species through custom color mapping and includes labeled axes for petal measurements.

HHari Kiran
95% match
Loading thumbnail…

Activity 6_Task 3

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. The D3 v6 code loads CSV data from a GitHub gist, then uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to map values to screen coordinates and render axes. Circles are drawn via SVG joins with species-based colors, while axis labels are added as text elements.

NNagalakshmi Thota
95% match
Loading thumbnail…

Activity6_Task3

This D3.js v6 scatter plot visualizes the Iris dataset, plotting petal length against petal width while color-coding each point by species (setosa, versicolor, or virginica). The visualization loads CSV data from a GitHub repository using `d3.csv`, then renders circular marks via SVG. Scales are created with `scaleLinear` and `extent`, while axes are generated using `axisLeft` and `axisBottom`. The chart is responsive, filling the browser window, and includes custom axis labels reading from the dataset's numeric columns.

Ppadiginetivishnupriya@gmail.com
95% match