Skip to main content
100%

Task-8(Q3)

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

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`.

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
95% 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
94% match
Loading thumbnail…

Task8_task3

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 (setosa, versicolor, or virginica). The code also stores sepal length and width values per point, though these are not currently mapped to visual encodings. Built with D3 v6, it loads the CSV data from a GitHub gist, uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes, and renders colored circles as SVG markers. The chart fills the browser window, with labeled axes for petal length and sepal length.

Mmulyasuji999@gmail.com
93% match
Loading thumbnail…

Task8_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for three species, each represented by a distinct color (skyblue for setosa, lightgreen for versicolor, orange for virginica). Built with D3 v6, the visualization uses `d3.select`, `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data from a remote CSV, map the quantitative fields, and render SVG circles with fixed radius. The chart includes rotated and bottom axis labels, with styling applied through CSS. The code reads petal and sepal measurements directly from the parsed rows, though only the petal dimensions are plotted.

Jjyothirmai318@gmail.com
92% match
Loading thumbnail…

Task 8 tutorial 3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes, with points colored by species (setosa, versicolor, and virginica). The chart uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data from a GitHub-hosted CSV and render the SVG. In addition to the petal measurements, the code accesses sepal length and width values, though these are not plotted in the visible marks. The visualization includes custom-styled axis labels and colored circles with a fixed radius.

YYeshwanth963@gmail.com
92% match
Loading thumbnail…

DV TASK-8(3)

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.

Nnagabinduk2023@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 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