Skip to main content
SimilarExport ZIP
100%

Activity6-question3

✓ Published0🌍 Public
Mmeenam1106@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This example displays a scatter plot of the Iris dataset, mapping petal length against petal width while color-coding points by species (skyblue, lightgreen, and orange). Data is loaded via `d3.csv` from a GitHub repository, and scales are created with `d3.scaleLinear` using `d3.extent`. The SVG circles are rendered with `d3.selectAll` and `.join`, while axes are added via `d3.axisLeft` and `d3.axisBottom`, with custom labels and styling.

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 6 Task-3.1

This example displays a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The visualization is rendered as an SVG via D3 v6, loaded from UNPKG, using `d3.csv` to fetch the data, `d3.scaleLinear` for axes, and `d3.axisLeft` and `d3.axisBottom` for tick marks. The code also includes redundant `rx`/`ry` attributes on the circles, though the radius is fixed at 5 pixels.

Kkesava
93% match
Loading thumbnail…

Activity6_question3.1

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species (setosa, versicolor, or virginica). The chart uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render the SVG. Points are drawn as circles using D3’s `selectAll` and `join`, with axis labels styled in green. The data is fetched from a GitHub-hosted CSV file.

Kkandulasunny17@gmail.com
93% match
Loading thumbnail…

Activity6-Task3.1

This scatter plot displays the Iris dataset, showing petal length and petal width on the axes, with points colored by species (skyblue, lightgreen, or orange). The visualization uses d3.csv to load data from a GitHub repository and d3.scaleLinear with d3.extent to map values to screen coordinates. Circles are rendered via d3 selections, while axisBottom and axisLeft add labeled scales. The SVG canvas fills the browser window, with axis labels rotated and styled via SVG text elements.

LLayaMyadam@my.unt.edu
93% match
Loading thumbnail…

Activity-6 task-3

This example displays a scatter plot of the Iris dataset, positioning points by petal length on the x-axis and petal width on the y-axis. Circles are colored by species (skyblue for Setosa, lightgreen for Versicolor, orange for Virginica), with a legend below. The visualization uses d3.csv to load the data, d3.scaleLinear with d3.extent for scales, and d3.axisLeft and d3.axisBottom for axes. Rendering occurs through SVG elements appended to the body, with the plot sized to the full browser window.

Bbhargavireddy4016@gmail.com
92% match
Loading thumbnail…

activity-6-t-3

This example displays a scatter plot of the Iris dataset, mapping petal length and width on the axes. The visualization uses D3.js v6 to load CSV data from a GitHub URL, with circle marks colored by species (skyblue, lightgreen, orange). The code uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to project and render the data. The chart includes labeled axes for petal and sepal measurements, with a red title and custom tick font sizing.

SSathishvepuri143@gmail.com
92% match
Loading thumbnail…

Activity6 task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, and virginica) using D3 v6. The SVG rendering uses `scaleLinear` for both axes, `extent` to set domains, and `axisLeft`/`axisBottom` for tick marks. Data is loaded asynchronously from a GitHub CSV via `d3.csv`, with each circle assigned a radius of 5 and a species-specific fill color from a simple switch statement.

Vvishnutejareddyambati@my.unt.edu
92% match
Loading thumbnail…

Activity6-Task3

This D3.js (v6) scatter plot visualizes the Iris dataset, plotting petal length against petal width with circle marks colored by species. The SVG renderer uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes and scales. The code loads CSV data from a GitHub URL, maps categorical species values to colors, and displays rotated axis labels. The chart omits a legend but differentiates setosa, versicolor, and virginica through skyblue, lightgreen, and orange fills, respectively.

Mmeenam1106@gmail.com
92% match
Loading thumbnail…

Activity 6 task 3.1

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width to the x and y axes while coloring points by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width as the horizontal and vertical radii of each circle, creating an elliptical shape. The code loads CSV data from a GitHub repository with `d3.csv`, scales the domains using `d3.scaleLinear` and `d3.extent`, and renders SVG circles with `d3.selectAll` and `.join`. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and labels are appended as SVG text elements.

Rrohitpotluri@my.unt.edu
92% match