Skip to main content
SimilarExport ZIP
100%

Task-3

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

This scatter plot visualizes the Iris dataset, mapping petal length and width as the primary axes while encoding sepal dimensions through elliptical marker shapes. Points are colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica) using D3's scaleLinear for axis scaling and extent for domain calculation. The visualization loads data from a GitHub-hosted CSV, employs D3 v6's select and join operations to bind data to SVG circles, and uses axisLeft/axisBottom for labeled axes.

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…

Task3.1

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with each of the three species colored distinctly (setosa, versicolor, virginica). The visualization uses D3 v6 APIs, including `d3.csv`, `d3.scaleLinear`, `d3.extent`, and D3's axis generators (`axisLeft`, `axisBottom`) to render an SVG chart. Data is loaded from a remote CSV URL, with each point represented as a circle whose color is determined by species. The plot includes custom axis labels, with the chart sized to fill the browser window.

Ssivachandraramanaidu.vnof52@gmail.com
94% match
Loading thumbnail…

Task8 T3

This scatter plot displays the Iris dataset, mapping petal length and petal width as the primary x and y coordinates, while the data points are colored by species (setosa, versicolor, and virginica) using a custom color scheme. The visualization also encodes sepal length and width as the `rx` and `ry` attributes of each circle, though this does not affect the visual rendering since the radius is fixed. Built with D3 v6, the code uses `d3.csv` to load the data, `d3.scaleLinear` for axes, and `d3.axisLeft` and `d3.axisBottom` for the chart's labels.

Ssruthimreddy6@gmail.com
94% match
Loading thumbnail…

Task 3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while using color to distinguish the three species. Built with D3 v6, it renders circular SVG marks positioned by linear scales. The code loads CSV data from a GitHub repository, parses numeric fields, and draws axes using `axisLeft` and `axisBottom`. The visualization encodes sepal dimensions as attributes on each circle, though these are not visually mapped to size or shape.

IIkram Mohammed
94% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis, petal width on the y-axis, and sepal dimensions encoded through circle attributes. Each point is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization loads data from a GitHub gist using D3 v6’s `csv` method, with scales from `scaleLinear`, axes from `axisLeft` and `axisBottom`, and marks rendered as SVG circles.

Vvikramkotlo9@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width as additional properties per circle. Built with D3 v6, the code uses `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG circle elements. Data is loaded from a remote GitHub CSV, with axes and labels rendered into a full-window SVG.

Nnikhilthoutu24@gmail.com
94% match
Loading thumbnail…

Activity6_Task 3.1

This scatter plot visualizes the Iris dataset, showing petal dimensions with points colored by species: sky blue for setosa, light green for versicolor, and orange for virginica. Built with D3 v6, the visualization maps sepal length and width to the x and y axes, and encodes petal dimensions in the circle's rx and ry attributes. The code uses d3.csv to load remote data, d3.scaleLinear for axis scaling, d3.extent for domain calculation, and d3.axisLeft and d3.axisBottom for axis rendering, with the SVG output filling the browser window.

Tthoutunikhitha@gmail.com
94% match
Loading thumbnail…

Task3

This scatter plot visualizes the Iris dataset, showing petal length and petal width for three flower species, each represented by a distinct color (setosa in sky blue, versicolor in light green, and virginica in orange). The visualization loads CSV data from a GitHub repository, parses it with d3.csv, and renders SVG circles using d3.scaleLinear for both axes. The code explicitly maps the data values to x and y positions, though the circle elements also carry sepal measurements as extra properties, and uses d3.axisBottom and d3.axisLeft to display the labeled scales.

Nnitishsurneni@gmail.com
94% 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
94% match