Skip to main content
SimilarExport ZIP
100%

Activity 7_Task3

✓ Published0🌍 Public
KKeerthiAnnem
Last edited Jul 8, 2023
Created on Jul 5, 2023
Forked from Hello VizHub

This visualization displays a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with circles colored by species (red, light green, and orange). It uses d3.csv to load the data from a GitHub gist, then applies d3.scaleLinear and d3.extent to establish the scales, rendering circles as SVG elements with d3.axisLeft and d3.axisBottom for the axes. The code also encodes sepal length and width as attributes, though they do not affect positioning or radius.

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 7_Task 3

This scatter plot displays the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species distinguished by different symbol shapes. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, `axisLeft`, and `axisBottom` to render marks, axes, and a custom shape legend. Data is loaded asynchronously via `fetch` and parsed with `csvParse` from a remote CSV file. The chart updates responsively to the browser window dimensions.

KKeerthiAnnem
94% match
Loading thumbnail…

Activity_7_task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species. Each circle is color-coded by species (skyblue for setosa, lightgreen for versicolor, orange for virginica), and the axes are labeled "Petal_Length" and "sepal_Length" (the latter mislabeled). The code loads CSV data from a GitHub URL using d3.csv, maps the data to x/y positions with d3.scaleLinear, and renders SVG circles with d3.select and .join. Axes are drawn using d3.axisLeft and d3.axisBottom, with the chart sized to the full browser window.

Mmandadi1999
93% match
Loading thumbnail…

Activity 7 Task 3

This scatter plot visualizes the Iris dataset, displaying petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) using an orange, skyblue, or lightgreen fill. The code loads data via `d3.csv` from a GitHub raw URL, uses `d3.scaleLinear` and `d3.extent` for scales, and draws circles in an SVG. Axes are rendered with `d3.axisLeft` and `d3.axisBottom`, with custom green axis labels, all built using D3 v6.

HHarshithaAmbilpur
93% match
Loading thumbnail…

ACTIVITY 7_TASK4

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis with circles colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The visualization also encodes sepal length and width as the circle’s rx and ry attributes, though the radii remain fixed at 5 pixels. Built with D3 v6, it loads CSV data via `d3.csv`, scales positions with `scaleLinear` and `extent`, and renders axes using `axisLeft` and `axisBottom` in an SVG.

Ssuryavamsi00024
91% match
Loading thumbnail…

Activity 7 Scatter Plot_task_3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for three species—setosa, versicolor, and virginica—with each point colored by species. Data is loaded from a CSV file via `d3.csv` and parsed with custom row conversion. The plot uses `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` to map the data, while circles are appended to an SVG with a fixed radius and fill colors determined by a species-based switch function. Axis labels are added as SVG text elements.

Ssreekarthanda@gmail.com
91% match
Loading thumbnail…

Activity_7_Task_4

This scatterplot visualizes the Iris dataset, plotting sepal length against petal length while encoding species identity through point shape. The chart renders an SVG using D3 v7, with axes and scales built via `scaleLinear` and `axisBottom`/`axisLeft`. A custom shape legend using `scaleOrdinal` and `symbolsFill` distinguishes the three species, while data loads from a remote CSV and is parsed with `csvParse`. Markers are drawn as positioned `path` elements with `symbol` generators, and the visualization adapts to the full window size.

Ssreekarthanda@gmail.com
91% match
Loading thumbnail…

ACTIVITY 7_TASK3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with points colored by species (setosa, versicolor, and virginica). Built with D3 v6, it loads CSV data and renders SVG circles, using `scaleLinear` for axes and `axisLeft`/`axisBottom` for ticks. The code maps `petal_length` to the x-axis and `petal_width` to the y-axis within a full-screen SVG, with fixed margins and a default radius of 5 pixels.

Ssuryavamsi00024
91% match
Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species (setosa, versicolor, and virginica), with each species distinguished by a distinct color. It also encodes sepal length and width as horizontal and vertical radii of the circular marks, adding extra dimensions to the display. The visualization loads data from a GitHub gist via `d3.csv`, uses `d3.scaleLinear` for axes, and renders SVG circles with `d3.axisLeft` and `d3.axisBottom`. The code imports D3 v6 from UNPKG and runs asynchronously to draw the chart.

Hharsha
91% match