Skip to main content
SimilarExport ZIP
100%

Task-3

✓ Published0🌍 Public
Rrahul.bonu524@gmail.com
Last edited Oct 22, 2024
Created on Oct 19, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and width for the x and y axes, with each point colored by species (setosa, versicolor, or virginica). Built with D3 v6, it loads data via `d3.csv`, uses `scaleLinear` for axes from `d3.scaleLinear`, and renders circles with `d3.select` and SVG `circle` elements. The chart includes labeled axes and a legend via `d3.axisLeft` and `d3.axisBottom`, with dimensions scaled to the browser window. Data is pulled from a remote CSV hosted on GitHub Gist.

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 3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes, with points colored by species (setosa, versicolor, virginica). The code uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to build the chart, loading data via `csv` from a GitHub URL. Circles are drawn with a fixed radius, while labels for axes are added manually. The visualization is rendered as SVG, with an interactive full-window layout.

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

task3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes, with points colored by species (setosa, versicolor, and virginica). The code draws circles using SVG, applying a custom `marker` function to assign colors based on the species field. It uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and chainable selections with `.join()`. Data is loaded from a remote CSV file, and the plot includes labeled axes with custom text styling.

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

task3.1

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, and virginica). The visualization also encodes sepal length and width as circle attributes, though these are set as `rx` and `ry`, which do not affect standard SVG circle rendering. The code loads data from a GitHub-hosted CSV using `d3.csv`, applies `d3.scaleLinear` for axes, and renders the plot with SVG circles, `d3.axisLeft`, and `d3.axisBottom`. Axis labels are added as text elements in green.

Yyashwanthkirla95@gmail.com
92% match
Loading thumbnail…

Task-3

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.

Kkotipallipavan54@gmail.com
92% match