Activity 7 Scatter Plot_task_3

100%

Activity 7 Scatter Plot_task_3

✓ Published0🌍 Public

Last edited Jul 18, 2023

Created on Jul 18, 2023

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.

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 Scatter Plot - 3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each point colored by species (setosa, versicolor, or virginica) using a simple switch-based color mapping. The visualization loads data from a remote CSV file via `d3.csv`, scales the axes with `d3.scaleLinear`, and renders circles as SVG elements using `d3.select` and data joins. Axis labels are added with rotating text, and the layout adapts to the window size using `window.innerWidth` and `innerHeight`.

VVinay Vemuri

95% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for three species (setosa, versicolor, and virginica) with color-coded points. The chart loads CSV data via `d3.csv`, uses `d3.scaleLinear` and `d3.extent` to compute scales, and renders circles in SVG with `d3.axisLeft` and `d3.axisBottom` for axes.

VVenkat-Sumith-Thota

93% 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 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for three species of iris flowers, with points colored by species: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The code loads CSV data via d3.csv, uses d3.scaleLinear with d3.extent to establish scales, and renders the plot as an SVG. Axes are drawn with d3.axisLeft and d3.axisBottom, while circle elements are bound to the data and positioned using scaled values, with labeled axes for petal and sepal measurements.

LLakshmanRangisetti

93% match

Loading thumbnail…

Activity 7 Task 3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for three iris species. Each point is color-coded by species: sky blue for setosa, light green for versicolor, and orange for virginica. The visualization uses D3 v5, loading data via `d3.csv`, scaling axes with `d3.scaleLinear`, and rendering SVG circles with `d3.select`. Axis labels are added using D3's `axisLeft` and `axisBottom` functions, with colored text labels for clarity.

MMichael Biancardi

93% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica) using distinct fills. The SVG chart is built with D3 v6, loading data via the `csv` function from a remote GitHub URL, and using `scaleLinear` for axes, `extent` for domains, and `axisLeft`/`axisBottom` to render ticks. It also applies custom margins, a title, and axis labels with rotation to present the relationships between the flower measurements.

BBhavyaMammai

93% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, comparing petal length and width for three species: setosa, versicolor, and virginica. Each circle is colored according to species—blue, green, or purple—using a simple switch function. Built with D3 v6, the visualization loads CSV data from a GitHub gist and uses `scaleLinear`, `axisLeft`, and `axisBottom` to render axes in SVG. The plot demonstrates D3’s data-joining with `join('circle')`, mapping attributes like `cx`, `cy`, and `fill` directly from parsed data fields.

Rrikhitakoganti12

93% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width along the x- and y-axes. Each flower species—setosa, versicolor, and virginica—is distinguished by a unique color (skyblue, lightgreen, and orange, respectively). The visualization is rendered as an SVG using D3 version 6, with data loaded from a CSV URL. It employs D3's `scaleLinear` for axis scaling and `axisLeft` and `axisBottom` for chart axes, alongside custom styling for tick labels and a red italic title.

Ssrikkanth05

93% match