Skip to main content
SimilarExport ZIP
100%

DV TASK-8(3)

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

This example displays a scatter plot of the Iris dataset, mapping petal length and width for the x and y axes while coloring each point according to its species: setosa, versicolor, or virginica. The visualization uses D3 v6 API functions such as `csv` for data loading, `scaleLinear` for axis scaling, `extent` for domain calculation, and `axisLeft` and `axisBottom` to draw the chart's axes. The SVG circles are rendered with the `select` and `join` methods, with a fixed radius of 5 pixels.

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…

Task-8(Tutorial-3)

This example renders a scatter plot of the Iris dataset, mapping petal length and width to the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The SVG visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load data from a GitHub-hosted CSV file, compute scales, and draw circles with a fixed radius. Axis labels are added as rotated text elements, and the chart fills the browser window with explicit margins.

Ttallurisaiteja96@gmail.com
92% match
Loading thumbnail…

Task-8(Q3)

This example displays a scatter plot of the Iris dataset, visualizing petal length against petal width with points colored by species (setosa, versicolor, virginica). The visualization uses D3 v6 to load CSV data, map values through `scaleLinear` and `extent`, and render SVG circles. Axes are generated with `axisLeft` and `axisBottom`, with labels rotated via `transform`, and the chart fills the browser window using `window.innerWidth` and `innerHeight`.

Ttallurisaiteja96@gmail.com
92% match
Loading thumbnail…

Task-8

This example visualizes the Iris dataset with a scatter plot, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, and virginica). It uses D3 v6’s `csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs to load data, position circles, and render axes as SVG, with data sourced from a GitHub-hosted CSV. Colors are assigned via a switch statement, and axis labels are added as SVG text elements.

Ppraneeth7222@gmail.com
92% match
Loading thumbnail…

task-8(part-3)

This scatter plot visualizes the Iris dataset, showing petal length against petal width while color-coding points by species (setosa, versicolor, virginica). The code loads CSV data via `d3.csv`, scales the axes with `scaleLinear` and `extent`, and renders circles using `join`. Axes are drawn with `axisLeft` and `axisBottom`; the visualization uses the D3 v6 library and renders to SVG.

DDivyaKota2@my.unt.edu
91% 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
91% match
Loading thumbnail…

Activity8_Task3_DV_LB

This scatter plot visualizes the Iris dataset by mapping petal length and petal width on the x- and y-axes, with each point colored by species (setosa, versicolor, or virginica) using orange, skyblue, and lightgreen fills. Built with D3 v6, it renders as an SVG and loads data via `d3.csv`, scales axes with `d3.scaleLinear`, and draws circles with `selectAll('circle')` and a `.join('circle')` operation. Axis labels use green text, and the plot adapts to the browser window’s dimensions.

Llikithabaddam@my.unt.edu
91% match
Loading thumbnail…

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot, displaying petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The plot uses D3 v6 to load CSV data, apply linear scales, and render SVG circles. Axes are generated with `axisLeft` and `axisBottom`, and axis labels are added via SVG text elements. The code also demonstrates direct access to the D3 API through destructured imports and includes margins and responsive sizing based on window dimensions.

Kkartheekgrpt@gmail.com
91% match
Loading thumbnail…

Ass8_task3.1

A scatter plot visualizes the Iris dataset, mapping petal length and width to the x- and y-axes while coloring each circle by species (setosa, versicolor, or virginica). The chart loads CSV data from a GitHub repository using `d3.csv`, and applies `d3.scaleLinear` with `d3.extent` to set domains. Circles are rendered as SVG elements with `d3.selectAll` and `.join`, while `d3.axisLeft` and `d3.axisBottom` provide labeled axes with custom green text. The viewport fills the browser window using `window.innerWidth` and `window.innerHeight`.

AAbdul Kareem
91% match